原生 JavaScript 操作 WebSocket：创建、发送和接收消息

要使用原生 JavaScript 操作 WebSocket，首先需要创建一个 WebSocket 对象并指定要连接的 URL。一旦连接建立，就可以使用 send() 方法发送消息，使用 onmessage 事件监听器接收消息。

1. 创建 WebSocket 对象

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

   在上面的代码中，我们创建了一个新的 WebSocket 对象并指定了要连接的 URL。这里使用了 ws:// 协议，表示这是一个 WebSocket 连接。
2. 发送消息
   要发送消息，可以使用 WebSocket 对象的 send() 方法。

   socket.send('Hello, server!');

   在上面的代码中，我们向服务器发送了一条消息。需要注意的是，send() 方法只接受字符串类型的参数。如果需要发送其他类型的数据，需要将其转换为字符串格式。
3. 接收消息
   要接收服务器发送的消息，需要使用 WebSocket 对象的 onmessage 事件监听器。onmessage 事件在接收到服务器发送的消息时触发。

   socket.onmessage = function(event) {
   console.log('Received message: ' + event.data);
   };

   在上面的代码中，我们定义了一个匿名函数作为 onmessage 事件的回调函数。该函数在接收到服务器发送的消息时执行，并将收到的消息打印到控制台中。需要注意的是，event.data 属性包含了服务器发送的消息内容。
   完整的示例代码如下：

   var socket = new WebSocket('ws://localhost:8080');
   socket.onopen = function(event) {
   console.log('Connected to the server.');
   };
   socket.onmessage = function(event) {
   console.log('Received message: ' + event.data);
   };
   socket.onerror = function(error) {
   console.log('WebSocket error: ' + error);
   };
   socket.onclose = function(event) {
   console.log('WebSocket connection closed.');
   };

   在上面的代码中，我们定义了四个事件监听器来处理连接建立、接收到消息、发生错误和连接关闭的情况。这些事件监听器将在相应的事件发生时执行相应的回调函数。