ECMAScript 2019 (ES10): 对于 WebSocket API 的巨大改变
WebSockets 是一种使得浏览器客户端与服务器之间双向通讯的网络协议。它提供了一种实时、基于事件的机制，可以在客户端和服务端之间传递数据。在 ECMAScript 2019 中，WebSocket API 经历了巨大的改变，本文将详细介绍这些改变，并包含学习和指导意义、示例代码等内容。
- 原生支持二进制数据类型
在早期版本的 WebSocket API 中，客户端和服务端之间只能传递字符串数据。但在 ECMAScript 2019 中，WebSocket API 支持了二进制数据类型，从而使得开发者可以更加灵活地处理大型数据的传输。
使 WebSocket API 支持二进制数据的方法是，设置 options.binaryType 属性的值，该值可以是 'blob'、'arraybuffer' 或 'nodebuffer'。根据不同的二进制类型，在接收到来自服务端的消息时可以使用 Event.data 方法进行处理。
例如，下面是一个使用二进制数据类型的示例代码：
----- --------- - --- --------------------------------- -------------------- - -------------- ------------------- - ------- -- - ----- ---- - ----------- -- ------- -- ------- -
- 添加 closeReason 和 closeCode 属性
以前，当 WebSocket 连接断开时，一般只能得知它已经关闭了，但无法获得断开连接的具体原因。而在 ECMAScript 2019 中，WebSocket API 增加了 closeReason 和 closeCode 属性，分别用于获取断开连接的原因和代码。
在处理 WebSocket 连接时，获取 closeReason 和 closeCode 属性可以极大地帮助我们调试和定位问题。例如：
----- --------- - --- --------------------------------- ----------------- - ------- -- - ----- ---- - ----------- -- --------- ----- ------ - ------------- -- --------- -- ------- -
- 支持传输数据占用率的限制
当需要传输大量数据时，WebSocket 连接可能导致过度拥塞和传输速度极低。在 ECMAScript 2019 中，WebSocket API 增加了一些特性，用于限制数据传输的速度和占用率。
通过传递实例化 WebSocket 对象时的配置对象，可以设置传输数据的限制。例如，下面是一个示例代码，可以设置每秒钟传输的数据量为 1MB：
----- --------- - --- -------------------------------- - ---------- - - ---- - ----- -- ------- --- -------- - -- ------- --- ---- ---
当 WebSocket 客户端传输数据超过上述限制时，可以触发 onbufferedamountlow 事件，可在该事件中降低传输速度，以避免过度拥塞。例如：
----------------------------- - -- -- - ----------------------- -- ------ -
结论
在 ECMAScript 2019 中，WebSocket API 经历了重大的改变，增加了对二进制数据类型、closeReason 和 closeCode 属性以及数据限制等方面的支持。使用这些特性可以更好地处理 WebSocket 连接和数据传输，提高实时数据同步和网络应用的性能。
以上是对于 WebSocket API 的巨大改变的介绍，我们希望这篇文章能够对你有所帮助，尤其是在使用 WebSocket API 的时候。如果你有任何问题或疑问，欢迎在评论区留言。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/670d5ff15f551281025cfba7