js的WebSocket怎么使用

1. 创建WebSocket对象：使用WebSocket构造函数创建一个WebSocket对象。构造函数接受一个参数，即WebSocket服务器的URL。

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

2. 监听WebSocket事件：WebSocket对象提供了几个事件来处理WebSocket连接的不同状态。

- onopen: 当WebSocket连接成功打开时触发。
- onmessage: 当收到来自WebSocket服务器的消息时触发。
- onerror: 当WebSocket连接出错时触发。
- onclose: 当WebSocket连接被关闭时触发。

socket.onopen = function(event) {
  console.log('WebSocket连接已打开');
}

socket.onmessage = function(event) {
  console.log('收到消息：' + event.data);
}

socket.onerror = function(event) {
  console.log('WebSocket连接出错');
}

socket.onclose = function(event) {
  console.log('WebSocket连接已关闭');
}

3. 发送WebSocket消息：使用WebSocket对象的send()方法发送消息到WebSocket服务器。

socket.send('Hello WebSocket!');

完整示例：

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

socket.onopen = function(event) {
  console.log('WebSocket连接已打开');
}

socket.onmessage = function(event) {
  console.log('收到消息：' + event.data);
}

socket.onerror = function(event) {
  console.log('WebSocket连接出错');
}

socket.onclose = function(event) {
  console.log('WebSocket连接已关闭');
}

socket.send('Hello WebSocket!');