Socket.io是一个实时的、双向的数据通信协议，特别适用于开发实时web应用。在前端开发中，Socket.io是一个非常常用且强大的工具，它可以让我们实现从服务器实时接收数据，并且能够很方便的将数据广播给所有的连接客户端。在本文中，我们将重点讲解Socket.io的on，emit和broadcast的用法。
on
on用于监听事件。在Socket.io中，一个事件可以由服务器或客户端触发，而监听这些事件则需要使用on方法。它能够接收两个参数，第一个参数是要监听的事件名称，第二个参数是这个事件发生时所要执行的回调函数。
下面是一个简单的例子：
socket.on('join', function(data) {
console.log('有人加入房间，他的名字是' + data.name);
})在这个例子中，我们监听了一个名为join的事件，当这个事件被触发时，就会执行这个回调函数，并且可以接收到传递过来的数据。
emit
除了监听事件之外，我们在开发中也需要能够发送事件，这就要使用到emit方法。emit方法能够接收两个参数，第一个参数是事件名称，第二个参数则是要传递给这个事件的数据。
下面是一个简单的例子：
socket.emit('sendMsg', { content: 'Hello, Socket.io' });在这个例子中，我们触发了一个名为sendMsg的事件，并且传递了一个包含content属性的数据对象，这个数据对象就会被发送出去。
broadcast
前两个方法都是针对单个客户端的，而broadcast则是一种广播的方式，可以将事件发送到所有连接的客户端。但是，在使用broadcast方法之前，我们需要先了解一下什么是socket，因为Socket.io中的broadcast方法是依靠socket实现的。
在Socket.io中，一个连接客户端就是一个socket对象，而broadcast方法就是通过这个socket对象来完成的。使用broadcast方法需要先获取当前客户端的socket，然后再调用它的broadcast方法，最后再传入事件名称和事件数据即可。
下面是一个简单的例子：
socket.on('join', function(data) {
console.log('有人加入房间，他的名字是' + data.name);
socket.broadcast.emit('message', { content: '欢迎' + data.name + '来到聊天室！' });
});在这个例子中，我们在监听join事件时获取到了当前客户端的socket，然后调用了broadcast方法，将一个包含content属性的数据对象发送给所有的客户端。
总结
在这篇文章中，我们详细讲解了Socket.io中的on，emit和broadcast的用法。当我们在进行实时web应用的开发时，这些方法将是我们必不可少的工具。但是，在实际开发中，除了这些基础的方法之外，Socket.io还有很多其他的功能和用法，需要我们不断的学习和探索。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64d32064b5eee0b525aa63b5