前言
在 Web 开发中，实现实时通信是非常重要的一个特性，它可以用在聊天，游戏，股票行情等等场景下。而 Socket.io 和原生 WebSocket 则是实现实时通信的两种方式。本文将从使用方式，性能，兼容性以及应用场景等方面对它们进行比较，并给出一些使用上的建议。
使用方式
Socket.io
Socket.io 是一个基于 WebSocket 的库，它封装了原生 WebSocket，并且提供了跨浏览器兼容性的解决方案，支持许多协议，如 WebSocket，AJAX，JSONP 等等。
使用 Socket.io 需要引入库文件，例如：
<!-- 加载 Socket.io 库文件 --> <script src="https://cdn.socket.io/socket.io-3.1.3.min.js"></script>
然后通过 io 方法创建一个 Socket 对象，并连接到服务器：
-- -------------------- ---- ------- -- ------ ----- ------ - ---------------------------- -- ---- ----------------- --------- ------ --------- -- ---- --------------- --------- ------- -- - --------------------- -------- ------------- ---
WebSocket
WebSocket 是 HTML5 提供的一种协议，它是一种持久化的协议，它支持双向通信，可以在浏览器和服务器之间创建一个持久连接，实现实时通信。
在使用 WebSocket 时，需要先创建一个 WebSocket 对象，并连接到服务器：
-- -------------------- ---- ------- -- -- --------- --------- ----- ------ - --- --------------------------------- -- ---- ------------------ --------- -- ---- ---------------- - ----- -- - --------------------- -------- ---------------- --
性能
Socket.io
Socket.io 封装了原生 WebSocket，除了 WebSocket 的特性外，还提供了轮询和长轮询等可靠的传输方式，以及心跳检测，断线重连等机制。这些机制保证了实时通信更加稳定。但同时这也带来了更多的性能消耗，相较于原生 WebSocket，Socket.io 的性能会相对较低。
WebSocket
WebSocket 的优点是具有更小的延迟和更高的吞吐量，在安全的网络中，它可以获得近乎实时的双向通信能力。但另一方面，它对非安全网络不太友好。
兼容性
Socket.io
由于 Socket.io 封装了不同传输方式，支持不同浏览器和操作系统，因此它的兼容性非常好，可以在所有现代浏览器和系统上运行。
WebSocket
WebSocket 支持的浏览器并不是那么广泛，特别是在旧版 Internet Explorer 上，它并不受支持。
应用场景
Socket.io
Socket.io 适合开发需要实时通信的应用，例如聊天室，游戏等，这些应用需要双向通信能力，同时需要稳定的可靠性能。
WebSocket
WebSocket 更加适合开发需要低延迟和高吞吐量的应用，如赛车游戏等需要双向通信的实时性应用。
示例代码
Socket.io 服务器端
-- -------------------- ---- -------
-- -- --------- -
----- -- - ---------------------------
-- ------
------------------- ------ -- -
-------------- ---- ------------
-- ------
--------------- --------- ------- -- -
--------------------- -------- -------------
-- ----
------------- --------- ---------
---
-- --------
----------------------- -- -- -
-------------- ---- ---------------
---
---Socket.io 客户端
-- -------------------- ---- ------- -- ------ ----- ------ - ---------------------------- -- ---- ----------------- --------- ------ --------- -- ---- --------------- --------- ------- -- - --------------------- -------- ------------- ---
WebSocket 服务器端
-- -------------------- ---- -------
-- -- --------- ---
----- -- - --- ------------------ ----- ---- ---
-- ------
------------------- ------ -- -
-------------- ---- ------------
-- ------
-------------------- ------- -- -
--------------------- -------- -------------
-- ----
------------------------- -- -
-- ------------------ --- --------------- -
---------------------
-
---
---
-- --------
------------------ -- -- -
-------------- ---- ---------------
---
---WebSocket 客户端
-- -------------------- ---- ------- -- -- --------- --------- ----- ------ - --- --------------------------------- -- ---- ------------------ --------- -- ---- ---------------- - ----- -- - --------------------- -------- ---------------- --
结论
Socket.io 和原生 WebSocket 都是实现实时通信的有效手段。Socket.io 封装了原生 WebSocket 并提供跨平台解决方案，同时添加可靠性特性，适用于需要稳定传输且兼容不同浏览器的应用；而 WebSocket 性能更好，更加适合对延迟和吞吐量有要求的应用。合理使用才能发挥它们的优势。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/677639cc6d66e0f9aa150fdf