js 封装websocket

JS 封装 WebSocket 可以使用 JavaScript WebSocket API。该 API 提供了一个 WebSocket 对象，使得通过 JavaScript 可以直接与 WebSocket 服务器进行通信。以下是一个简单的 WebSocket 封装例子：

class WebSocketClient {
  constructor(url) {
    this.url = url;
    this.socket = new WebSocket(url);
    this.socket.onopen = event => {
      console.log("WebSocket connected!");
    };
    this.socket.onmessage = event => {
      console.log("WebSocket message received:", event.data);
    };
    this.socket.onclose = event => {
      console.log("WebSocket disconnected!", event);
    };
    this.socket.onerror = event => {
      console.error("WebSocket error!", event);
    };
  }
  send(data) {
    this.socket.send(data);
  }
  close() {
    this.socket.close();
  }
}

在上面的例子中，我们定义了一个 WebSocketClient 类，它接受一个 URL 参数来初始化 WebSocket 连接。通过 WebSocket 实例的 onopen、onmessage、onclose、onerror 四个事件来监听 WebSocket 连接状态和接收消息。send() 方法用于向 WebSocket 服务器发送消息，close() 方法用于关闭 WebSocket 连接。