在 JavaScript 中使用 WebSocket，创建 WebSocket 连接

在 JavaScript 中使用 WebSocket，用 WebSocket 对象创建 WebSocket 连接，并使用该对象提供的方法和事件处理程序进行实时通信。

以下是一个简单的示例代码，展示了在 JavaScript 中如何使用 WebSocket：

// 创建 WebSocket 连接
const socket = new WebSocket('ws://localhost:8080');

// 连接建立时触发的事件处理程序
socket.onopen = function() {
  console.log('已连接到服务器');
  
  // 发送消息到服务器
  socket.send('Hello, server!');
};

// 接收到消息时触发的事件处理程序
socket.onmessage = function(event) {
  console.log('收到消息:', event.data);
};

// 连接关闭时触发的事件处理程序
socket.onclose = function() {
  console.log('已断开与服务器的连接');
};

// 发生错误时触发的事件处理程序
socket.onerror = function(error) {
  console.error('发生错误:', error);
};

在上述示例代码中，首先使用 new WebSocket 创建了一个 WebSocket 连接，指定了服务器的 URL（这里使用 ws://localhost:8080）。

然后通过 WebSocket 对象的各个事件处理程序来监听连接、消息、关闭和错误等事件。

• onopen：当连接建立成功时触发。在该事件处理程序中，你可以进行与服务器的通信，例如发送消息。
• onmessage：当接收到服务器发送的消息时触发。可以在该事件处理程序中处理接收到的消息。
• onclose：当连接关闭时触发。可以在该事件处理程序中进行相应的处理。
• onerror：当发生错误时触发。可以在该事件处理程序中处理错误情况。

实际需求编写适当的逻辑来处理这些事件。

要向服务器发送消息，可以使用 WebSocket 对象的 send 方法。连接建立成功后使用 socket.send 方法向服务器发送了一条字符串消息 "Hello, server!"。

WebSocket 连接的创建和事件处理程序的监听是异步的，因此确保在连接建立后才发送消息或进行其他操作。

综上所述，以上示例展示了在 JavaScript 中使用 WebSocket 进行实时通信的基本操作。根据需要在事件处理程序中编写适当的逻辑来处理连接、消息、关闭和错误等情况。