WebSocket 知识点问答：深入理解双向通信协议

什么是WebSocket？

答：WebSocket是HTML5新增的协议，它是一种双向通信协议，允许在单个TCP连接上进行全双工通信。它使得客户端和服务器之间的数据交换变得更加简单、更快速，并且可以实时进行。

WebSocket的优点是什么？

答：WebSocket的优点包括以下几点：

（1）双向通信：客户端和服务器之间可以进行双向通信，这使得实时数据传输变得更加容易。

（2）减少HTTP请求：WebSocket使用单个TCP连接，可以减少HTTP请求的次数，提高性能和效率。

（3）实时性：WebSocket可以实时传输数据，不需要像HTTP那样等待响应。

（4）跨域通信：WebSocket可以跨域通信，避免了同源策略的限制。

WebSocket的工作原理是什么？

答：WebSocket的工作原理如下：

（1）客户端向服务器发送HTTP请求，请求升级协议。

（2）服务器回复101 Switching Protocols响应，表示协议升级成功。

（3）客户端和服务器之间建立WebSocket连接，可以进行双向通信。

WebSocket和HTTP有什么区别？

答：WebSocket和HTTP的区别如下：

（1）HTTP是一种单向通信协议，客户端向服务器发送请求，服务器返回响应；WebSocket是一种双向通信协议，客户端和服务器之间可以进行双向通信。

（2）HTTP使用多个TCP连接，每个连接只能进行单向通信；WebSocket使用单个TCP连接，可以进行全双工通信。

（3）HTTP请求必须包含完整的HTTP头部信息；WebSocket请求只需要包含协议升级的头部信息。

（4）HTTP协议是无状态的，每个请求都是独立的；WebSocket协议是有状态的，客户端和服务器之间可以保持连接状态。

如何使用JavaScript创建WebSocket连接？

答：可以通过以下代码创建WebSocket连接：

var ws = new WebSocket('ws://localhost:8080');
ws.onopen = function() {
  console.log('连接已打开');
};
ws.onmessage = function(event) {
  console.log('接收到消息：' + event.data);
};
ws.onclose = function() {
  console.log('连接已关闭');
};
ws.onerror = function(event) {
  console.log('发生错误：' + event.data);
};

这段代码创建了一个WebSocket连接，当连接打开、接收到消息、关闭或发生错误时，分别会触发对应的事件处理函数。