WebSocket 是一种 TCP 连接的协议，它允许在客户端和服务器之间进行双向通信。相比传统的 HTTP 请求-响应模型，WebSocket 可以更快地建立连接，并支持实时数据传输。
WebSocket 协议的优点
实时性
WebSocket 协议可以实现实时通信，客户端和服务器之间可以进行双向数据传输，数据传输的延迟时间非常短，能够有效地提高用户体验。
轻量级
WebSocket 协议采用了 HTTP 的握手方式，只需要在建立连接时发送一个 HTTP 请求头，之后就可以通过这个连接发送数据，相比于其他协议，WebSocket 更加轻量级。
节省带宽
由于 WebSocket 使用的是持久连接，不需要像 HTTP 协议那样每次请求都要发送完整的 HTTP 头部信息，因此可以大幅度减少网络带宽的消耗。
WebSocket API 的应用
建立连接
使用 WebSocket API 建立连接非常简单，只需要创建一个 WebSocket 对象，然后指定连接到的 URL：
const socket = new WebSocket('ws://localhost:8080');发送和接收消息
建立连接后，我们可以使用 send 方法来发送消息，使用 onmessage 事件监听接收到的消息：
socket.onmessage = function(event) {
console.log('received:', event.data);
};
socket.send('Hello, world!');关闭连接
当不再需要连接时，可以使用 close 方法关闭连接：
socket.close();
示例代码
下面是一个简单的 WebSocket 应用示例，它通过 WebSocket 协议向服务器发送消息，并实时地将服务器返回的消息显示在页面上：
-- -------------------- ---- -------
--------- -----
----- ----------
------
----- ----------------
---------------- ---------------
-------
------
------ ------------------ ------------
------- ------------------------------
--- -----------------------
--------
----- ------ - --- ---------------------------------
----- ------------ - -----------------------------------------
----- ---------- - ---------------------------------------
----- ----------- - ----------------------------------------
------------------------------------ -- -- -
----- ------- - -------------------
---------------------
------------------ - ---
---
---------------- - --------------- -
----- ------- - -----------
----- -- - -----------------------------
-------------- - --------
----------------------------
--
---------
-------
-------总结
WebSocket 协议是一种非常优秀的双向通信协议，它可以提高实时性、节省带宽，并且 API 使用起来也非常简单。在实际的 Web 开发中，我们可以利用 WebSocket 实现实时聊天、在线游戏等功能，从而提高用户体验。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/32171