Socket.io 是一个用于实现实时、双向通信的 JavaScript 库，它支持多种传输方式，包括 WebSocket、HTTP 长轮询、HTTP 短轮询等。在前端开发中，Socket.io 经常被用来实现聊天室、实时协作等功能。
在实际应用中，我们可能需要向多个客户端发送相同的消息，这就需要使用多播（Multicast）机制。在 Socket.io 中，可以通过使用房间（Room）来实现多播消息的发送。
创建房间
要向多个客户端发送消息，首先需要将这些客户端加入同一个房间。可以通过以下代码创建一个名为 myRoom 的房间：
------------------- -------- -- - ---------------------- ---
以上代码使用 join 方法将当前连接的客户端加入 myRoom 房间。如果需要将多个客户端加入同一个房间，可以在连接事件中重复调用 join 方法。
发送多播消息
当需要向 myRoom 房间内的所有客户端发送消息时，可以使用以下代码：
------------------------------- ------- ---------
以上代码使用 to 方法选择目标房间，然后调用 emit 方法发送消息。所有加入 myRoom 房间的客户端都会收到 message 事件，并携带参数 'Hello, world!'。
接收多播消息
在客户端，可以使用以下代码监听 message 事件：
-------------------- ------ -- - ------------------ ---
以上代码使用 on 方法监听 message 事件，并在事件处理函数中输出消息内容。当有多播消息到达时，所有客户端都会触发 message 事件。
完整示例代码
以下是一个完整的使用 Socket.io 实现多播消息的示例代码：
服务端：
----- -- - -----------------------------
------------------- -------- -- -
----------------------
-------------- -- -
------------------------------- --- ----------------------
-- ------
---客户端：
------- ---------------------------------------
--------
----- ------ - -----
-------------------- -- -- -
-------------------- ------ -- -
------------------
---
---
---------以上代码在服务端创建一个名为 myRoom 的房间，并每秒向房间内的所有客户端发送当前时间。在客户端，使用 Socket.io 连接到服务端，并监听 message 事件，在事件处理函数中输出消息内容。
总结
通过使用 Socket.io 的房间机制，可以方便地实现多播消息的发送和接收。在实际应用中，多播消息可以用于实现聊天室、实时协作等功能，为用户提供更好的体验。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/663c78e7d3423812e4a5c2d7