面试题：JavaScript中WebSocket连接建立的基本步骤

建立连接基本步骤：
- 创建WebSocket对象：使用WebSocket构造函数，传入服务器的URL地址。该URL可以是相对或绝对的，并且通常使用ws://（非加密）或wss://（加密，类似HTTPS）协议。
- 监听连接状态变化：
  - open事件：当WebSocket连接成功建立时触发，此时可以开始向服务器发送数据。
  - close事件：当WebSocket连接关闭时触发，可用于清理相关资源或进行一些连接关闭后的操作。
  - error事件：如果在连接过程中发生错误，比如网络问题或服务器不可达等，会触发此事件。
- 发送和接收数据：
  - 发送数据：使用send()方法将数据发送到服务器，数据可以是字符串、Blob对象或ArrayBuffer等。
  - 接收数据：监听message事件，当服务器发送数据过来时，此事件会被触发，通过事件的data属性获取接收到的数据。
代码示例：

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

// 监听连接打开事件
socket.onopen = function (event) {
    console.log('WebSocket连接已建立');
    // 发送数据
    socket.send('Hello, Server!');
};

// 监听接收消息事件
socket.onmessage = function (event) {
    console.log('收到服务器消息:', event.data);
};

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

// 监听连接错误事件
socket.onerror = function (event) {
    console.log('WebSocket连接发生错误:', event);
};

星途面试题库

面试题：JavaScript中WebSocket连接建立的基本步骤

知识考点

面试题答案