JavaScript什么是长连接 ？

在 JavaScript 中，长连接（Long Polling）是一种实现服务器推送技术的方法。它模拟了实时通信的效果，使得客户端可以即时接收到服务器端的数据更新。

长连接的原理是客户端向服务器发起一个请求，服务器在接收到请求后并不立即返回响应，而是保持连接打开，直到有新的数据需要发送给客户端时才返回响应。客户端在接收到响应后立即再次发起请求，如此循环往复，形成了一种类似于实时通信的效果。

长连接的优点是可以模拟实时通信的效果，适用于需要即时更新数据的场景。同时，由于长连接只需要在有数据更新时才返回响应，因此可以减少不必要的网络流量和服务器负载。

长连接的缺点是会占用服务器资源，因为服务器需要保持连接打开，等待数据更新。同时，由于长连接需要不断地发起请求，因此会增加客户端的网络流量和延迟。

在 JavaScript 中，可以使用 XMLHttpRequest 或 fetch API 来实现长连接。下面是一个使用 XMLHttpRequest 实现长连接的示例代码：

function longPolling() {
  var xhr = new XMLHttpRequest();
  xhr.open('GET', '/data', true);
  xhr.onreadystatechange = function() {
    if (xhr.readyState === 4 && xhr.status === 200) {
      // 处理服务器返回的数据
      console.log(xhr.responseText);
      // 再次发起请求
      longPolling();
    }
  };
  xhr.send();
}

// 发起长连接请求
longPolling();

在上面的代码中，我们使用 XMLHttpRequest 发起了一个 GET 请求，并在 onreadystatechange 事件中处理服务器返回的数据。当服务器返回响应后，我们再次调用 longPolling 函数，发起下一次请求，形成了一个循环。这样就可以实现长连接的效果。