前言
WebSocket 是一种基于 TCP 协议的全双工通信协议，在前端开发中被广泛应用于实现实时通信、即时聊天等功能。在 ECMAScript 2018 中，新增了一些语言特性，如异步迭代器、 Promise.finally 等，使得使用 WebSocket 更加方便和高效。
本文将介绍如何利用 ECMAScript 2018 中的语言特性实现 WebSocket 通讯，并提供示例代码，帮助读者更好地理解和应用这些特性。
WebSocket 基本概念
WebSocket 是一种基于 TCP 协议的全双工通信协议，它允许客户端和服务器之间进行实时通信。相比于传统的 HTTP 协议，WebSocket 具有以下优点：
- 实时性更高：WebSocket 可以实现服务器主动向客户端推送消息，而不需要客户端不断向服务器发送请求。
- 节省网络流量：WebSocket 使用的是 TCP 协议，与 HTTP 协议相比，它的数据包头部信息更少，因此可以节省网络流量。
WebSocket 通讯的基本流程如下：
- 客户端向服务器发起 WebSocket 连接请求。
- 服务器接受连接请求，并返回一个握手确认消息。
- 客户端和服务器通过握手确认消息建立连接，并可以进行双向通讯。
- 客户端和服务器可以发送和接收消息，直到连接关闭。
ECMAScript 2018 中的语言特性
ECMAScript 2018 中新增了一些语言特性，这些特性可以帮助我们更加方便和高效地使用 WebSocket。
异步迭代器
异步迭代器是一种可以异步迭代的迭代器，它可以遍历异步数据流，如 WebSocket 的消息流。在 ECMAScript 2018 中，我们可以使用 for-await-of 循环语句来遍历异步迭代器。
下面是一个使用异步迭代器遍历 WebSocket 消息流的示例：
async function handleWebSocketMessage(websocket) {
for await (const message of websocket) {
console.log(message);
}
}Promise.finally
Promise.finally 是一个可以在 Promise 执行结束后执行的回调函数。在 WebSocket 连接中，我们可以使用 Promise.finally 来在连接关闭后执行一些清理工作，如取消订阅消息、关闭文件句柄等。
下面是一个使用 Promise.finally 清理 WebSocket 连接的示例：
-- -------------------- ---- -------
----- -------- -------------------------- -
--- -
-- ----
----- -----------------------------
-- ----
----- ----------------------------------
- ------- -
-- ------
----- -------------------------------
-- -- --------- --
----- ------------------
-
-WebSocket 通讯示例代码
下面是一个使用 ECMAScript 2018 实现 WebSocket 通讯的示例代码，它使用了异步迭代器和 Promise.finally 等语言特性：
-- -------------------- ---- -------
----- --------------- -
---------------- -
-------- - ----
-------------- - -----
-
--------- -
------ --- ----------------- ------- -- -
-------------- - --- --------------------
--------------------- - -- -- -
----------
--
---------------------- - ------- -- -
--------------
--
---
-
----- ---------------- -
----- ----------- ----- ------------ ----- ---
-
----- ------------------ -
----- ----------- ----- -------------- ----- ---
-
----- ---------- -
------ --- ----------------- ------- -- -
------------------------------------------
------------------------ - --------- -- -
-----------------
--
---------------------- - ------- -- -
--------------
--
---
-
----- ------- -
------ --- ----------------- -- -
---------------------- - -- -- -
----------
--
-----------------------
---
-
------------------------ -
------ -
----- ----- -- -- -
------ --- ----------------- -- -
------------------------ - --------- -- -
--------- ------ -------- ----- ----- ---
--
---
--
--
-
-
----- -------- --------------------------------- -
--- ----- ------ ------- -- ---------- -
---------------------
-
-
----- -------- -------------------------- -
--- -
----- -----------------------------
----- ----------------------------------
- ------- -
----- -------------------------------
----- ------------------
-
-
------ -- -- -
----- --------- - --- ---------------------------------------
----- --------------------
----- ------------------------------------- -- -
---------------------- ---------- ---------
---
-----总结
本文介绍了如何利用 ECMAScript 2018 中的语言特性实现 WebSocket 通讯，并提供了示例代码。使用 ECMAScript 2018 中的语言特性可以使 WebSocket 通讯更加方便和高效，帮助开发者更好地实现实时通信、即时聊天等功能。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/650ebf2c95b1f8cacd7ca02c