在前端开发中，经常需要实现实时通信的功能。其中，轮询是一种简单、易于实现的方法。但是轮询会增加服务器的开销，而且会有延迟。为了解决这些问题，可以使用 Server-sent Events（服务器发送事件）实现长轮询。
什么是 Server-sent Events？
Server-sent Events 是一项 HTML5 新特性，允许服务器通过 HTTP 连接发送消息到客户端，以达到实时通信的效果。与轮询不同，Server-sent Events 只是一次连接请求，而服务器可以在连接建立后随时发送事件消息到客户端，不需要客户端反复发起请求。
Server-sent Events 的优点
实时性高
Server-sent Events 能够在服务器发送事件后立即推送到客户端，不需要等待客户端发起新的请求。因此，实时性非常高，适用于需要实时交互的应用场景。
轻量级
相较于 WebSockets，Server-sent Events 是一种轻量级的通信协议，不需要建立新的套接字连接。因此，可以减少服务器的负载。
易于实现
使用 Server-sent Events 实现长轮询非常容易，只需要使用 EventSource 对象即可。
Server-sent Events 的缺点
兼容性问题
Server-sent Events 是 HTML5 新特性，并不是所有浏览器都支持。在使用时需要注意浏览器兼容性。
单向通信
Server-sent Events 是一种单向通信协议，只能从服务器向客户端发送消息。如果需要客户端向服务器发送消息，则需要另外的通信协议。
不支持跨域
由于浏览器的安全机制，Server-sent Events 不支持跨域的推送。
使用 Server-sent Events 实现长轮询的示例代码
服务器端代码
-- -------------------- ---- -------
----- ---- - ----------------
----- -- - --------------
-- -----
----- ------ - ----------------------- ---- -- -
-- -- ---- --
----- ---- - ------------------------------- --------
-- -----
------------------ -
--------------- ------------
---------------- -----------
------------- ------------
---
-- -- ---- --
--------------
---
-- ----
------------------- -- -- ------------------- -----------
-- ----
-------------- -- -
--------------------------- ------ -- -
-- ------ - -- -
---------------------- --- -----------------------------
-
---
-- ------
-- -- ----------- ------ --
-------------------- ----- ---- -- -
-- ------------------- -- ------------------ --- -------------------- -
------------------ -
--------------- --------------------
---------------- -----------
------------- -------------
------------------------------ ---
---
-- -------
----------------- ----------- - - --- -------------------- - --------
-- -- ------- --
----- -------- - ------ -- -
----------------- -------------- - - ---- - --------
--
-------------------- ----------
-- ---------- ------- --
--------------- -- -- -
-------------------------------- ----------
---
-
---
客户端代码
-- -------------------- ---- -------
--------- -----
------
------
----- ----------------
------------------ ------ ----------
-------
------
---- --------------------
--------
----- --------- - --- -----------------------
---------------------------------- ------- -- -
------------------------
---
------------------------------------- ------- -- -
----- ---------- - ------------------------------
-------------------- - -----------
------------------------------------------------------------
---
---------
-------
-------
结语
Server-sent Events 是一种实现长轮询的好方法，能够提高实时通信的实时性，减少服务器的负载。但是需要注意浏览器兼容性、单向通信和不支持跨域等问题。在实际开发中，需要根据具体的需求选择使用不同的通信协议。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67c1cfb0314edc2684a95035
