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