前言
长轮询（long-polling）技术是一种用于客户端和服务器进行实时通信的方法，其实现方式就是客户端发送一个 HTTP 请求，服务器保持请求的连接存在一段时间，直到有新数据需要返回给客户端才会响应。由于每个 HTTP 请求会占用服务器资源，因此在高并发场景下，长轮询可能会导致服务器崩溃。
为了避免资源浪费，一种有效的解决方案是使用 WebSocket 技术。但是，如果你需要在低版本浏览器（如 IE 7、8 ）中实现实时通信，那么 WebSocket 就无法胜任了。这时候，socket.io 库便是一个不错的选择。
在本文中，我们将会介绍如何使用 socket.io 进行长轮询，同时如何避免资源的浪费。
socket.io 简介
socket.io 是一种对 WebSocket 技术进行了封装的 JavaScript 库。它可以在不同的浏览器和平台上实现实时通信。尽管 socket.io 库内部使用了一些不同的技术，但是它为开发者提供了统一的 API，这使得在不同的浏览器和平台上实现实时通信变得非常简单。
长轮询实现过程
以下是基于 socket.io 库实现的一个简单的长轮询客户端：
-- -------------------- ---- ------- ----- ------ - ---------------------------- -------------------- ------ -- - ----- ------- - ------------ --------------------- --- -------- ------ - ------------- -- - -------------------- ------- -- ------ - -------展开代码
上述代码会向服务器发送一个 poll 事件，服务器在收到这个事件后，会进行一定的处理，然后将结果通过 message 事件返回给客户端。
这段代码在实际使用中，可能会出现这样一种情况：在某些时间段内，服务器没有新的数据需要返回给客户端，但是客户端仍然会不断地发送 poll 事件，导致服务器的资源被极大地浪费。
那么，我们应该如何避免这种情况呢？
使用 setTimeout 函数
我们可以在客户端使用 setTimeout 函数来控制 poll 事件的发送间隔，让客户端在没有数据需要拉取时不频繁地向服务器发送请求，从而减少服务器的负载。
以下是改进后的长轮询客户端代码：
-- -------------------- ---- ------- ----- ------------- - ----- ----- ------ - ---------------------------- -------------------- ------ -- - ----- ------- - ------------- --------------------- --- -------- ------ - ------------- -- - -------------------- -- --------------- - -------展开代码
使用 setTimeout 函数和一个全局变量 POLL_INTERVAL，我们可以定时向服务器发送 poll 事件，避免资源的浪费。
需要注意的是，setTimeout 函数是在客户端浏览器上执行的，因此客户端能够通过调用该函数来控制间隔时间。但是，客户端可能受到网络延迟等因素的影响，不能保证所有请求都在指定的时间内返回，可能会导致一些数据被延迟或者丢失。
使用服务端定时器
为了保证服务器能够按照一定的规律发送数据给客户端，我们需要在服务器端设置一个定时器来控制数据的发送。这样，无论客户端有没有请求，服务器都会按照周期性地向客户端发送数据，避免由于客户端不断发起请求而导致的资源浪费。
以下是改进后的长轮询服务端代码：
-- -------------------- ---- ------- ----- --- - --------------------- ----- ------ - ---------------------------- ----- -- - ----------------------------- ----- -------- - ----- --- ------------ - -- -------------------- ------------------- -------- -- - ----- -------------- - -------------- -- - ---------------------- - -------- -------- ------------------ --- -- ---------- ----------------------- -- -- - ------------------------------ --- ---展开代码
在上述代码中，我们将发送数据的代码封装在了一个名为 clientInterval 的定时器中，控制着每隔一定时间向客户端发送一次数据，尽管客户端并不一定会按照这个周期发送 poll 事件。
另外，需要注意的是，我们监听了 disconnect 事件，这意味着当连接断开时定时器会被停止，避免数据无用地发送到已经被断开的连接上。
结语
本文介绍了如何使用 socket.io 库进行长轮询，并且避免由于不断发送请求而导致的资源浪费。在实际开发中，我们需要根据业务需要，灵活选择不同的通信方式，同时在使用长轮询时，需要注意资源的利用和浪费的问题。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67cd29efe46428fe9e68f235
