js 处理websocket 信息队列

处理 WebSocket 信息队列实际上就是处理异步消息的方式，它是一种事件驱动的模型。在 JavaScript 中，我们可以使用 WebSocket API 建立 WebSocket 连接，然后通过 `WebSocket` 对象的 `onmessage` 方法来监听服务器发送过来的消息。当收到消息时，我们可以将其存储在队列中，然后使用定时器或者 `requestAnimationFrame` 来轮询队列中是否存在未处理的消息。如果存在未处理的消息，则从队列中取出一条消息进行处理，处理完毕后再检查队列是否还有未处理的消息。这样就可以实现 WebSocket 信息的队列处理。

下面是一个简单的示例代码：

const socket = new WebSocket('ws://localhost:8080');

const messageQueue = [];

socket.onmessage = (event) => {
  messageQueue.push(event.data);
};

function handleMessages() {
  if (messageQueue.length > 0) {
    const message = messageQueue.shift();
    // 处理消息
    console.log(message);
  }
  requestAnimationFrame(handleMessages);
}

requestAnimationFrame(handleMessages);

在这个示例中，我们首先建立了一个 WebSocket 连接，然后通过 `socket.onmessage` 方法监听服务器发送过来的消息，并将其存储在 `messageQueue` 数组中。接着，我们使用 `requestAnimationFrame` 方法来轮询 `messageQueue` 数组中是否存在未处理的消息，如果存在，则从队列中取出一条消息进行处理。处理完毕后再次检查队列是否还有未处理的消息。这样就可以实现 WebSocket 信息的队列处理。