如何判断 WebSocket 连接是否已经关闭？

可以通过以下几种方式来判断WebSocket连接是否已经关闭：

使用readyState属性

• WebSocket对象的readyState属性表示连接的当前状态，当readyState的值为WebSocket.CLOSE（即3）时，表示连接已关闭。可以在代码中通过检查该属性的值来确定连接状态。

if (socket.readyState === WebSocket.CLOSE) {
   
  console.log('WebSocket connection is closed.');
}

监听close事件

• 为WebSocket对象添加close事件监听器，当连接关闭时，该事件会被触发。在close事件的回调函数中，可以执行与连接关闭相关的操作，并且可以确定此时连接已经关闭。

socket.addEventListener('close', function (event) {
   
  console.log('WebSocket connection closed:', event.code, event.reason);
  // 在这里可以确定连接已关闭，并进行相应的处理
});

结合定时器定期检查

• 如果需要在特定的时间间隔内检查连接是否关闭，可以使用setInterval()函数设置一个定时器，在定时器的回调函数中检查readyState属性的值。这样可以定期地监控连接状态，以便及时发现连接的关闭情况。

const checkConnectionInterval = 1000;
const checkConnection = setInterval(function () {
   
  if (socket.readyState === WebSocket.CLOSE) {
   
    clearInterval(checkConnection);
    console.log('WebSocket connection is closed.');
  }
}, checkConnectionInterval);

根据发送和接收数据的结果判断

• 当尝试通过WebSocket对象发送数据时，如果连接已关闭，send()方法会抛出一个异常。可以捕获这个异常，并据此判断连接是否已经关闭。同样，当尝试接收数据时，如果连接已关闭，相应的接收操作也会失败或返回特定的错误信息，通过对这些错误的处理也可以判断连接状态。

try {
   
  socket.send('Test data');
} catch (error) {
   
  if (error.name === 'InvalidStateError') {
   
    console.log('WebSocket connection is closed.');
  }
}

以上方法可以单独使用，也可以根据具体的应用场景和需求组合使用，以便更准确、更及时地判断WebSocket连接是否已经关闭，从而更好地管理和处理WebSocket连接的生命周期。