JavaScript中建立WebSocket连接需用new WebSocket(url)创建实例，正确处理onopen、onmessage、onerror、onclose事件，并在readyState为OPEN时调用send()发送数据，关闭时用close()。
JavaScript 中建立 WebSocket 连接很简单，核心就是用 new WebSocket(url) 创建实例，关键在于正确处理连接状态和错误。
创建 WebSocket 实例
只需传入 ws:// 或 wss:// 开头的服务端地址：
-
const ws = new WebSocket("ws://localhost:8080");（开发常用） -
const ws = new WebSocket("wss://api.example.com/chat");（生产环境推荐，走加密通道）
注意：协议必须匹配服务端配置，不能用 http:// 或 https://，否则会报错。
监听连接状态事件
WebSocket 是事件驱动的，主要靠这四个事件控制流程：
立即学习“Java免费学习笔记（深入）”；
Java注释规范Skills
下载
当用户要求为 Java 代码添加注释、修改注释、审查注释、整理注释格式，或要求按照代码注释规范处理 Java 文件时，使用本技能。本技能用于统一生成和维护 Java 类注释模板、按 Git 对比 release 判断版本号、补充每行代码上方中文块注释、调整注释空行规则，并保持 Java 文件 UTF-8 无 BOM 编码。典型触发场景包括：补充类注释、更新 @version、检查 @author 来源、整理行尾注释、把注释放到代码上一行、检查注释是否符合规范、构建前检查 Java 注释风格。
-
ws.onopen：连接成功后触发，可以在这里发初始化消息 -
ws.onmessage：收到服务器消息时触发，event.data就是内容 -
ws.onerror：发生网络或协议错误时触发（比如跨域、地址不可达） -
ws.onclose：连接关闭时触发，event.code和event.reason可查原因
建议在 onerror 里至少打个日志，不然失败了也不知哪出问题。
发送与关闭连接
连接打开后才能安全发送数据：
-
ws.send("hello server");—— 只能发字符串、ArrayBuffer、Blob、TypedArray -
ws.close();—— 主动断开，可选传入状态码和原因：ws.close(1000, "user logout")
如果 ws.readyState 不是 1（OPEN），调 send() 会直接报错。发之前建议判断：if (ws.readyState === WebSocket.OPEN) ws.send(...);
简单完整示例
把上面串起来，一个最小可用片段：
const ws = new WebSocket("wss://echo.websocket.org"); // 公共测试地址
ws.onopen = () => console.log("已连接");
ws.onmessage = event => console.log("收到：", event.data);
ws.onerror = err => console.error("连接出错", err);
ws.onclose = event => console.log("已断开", event.code, event.reason);
// 3秒后发条消息（确保连接已建立）
setTimeout(() => {
if (ws.readyState === WebSocket.OPEN) {
ws.send("test message");
}
}, 3000);
基本上就这些。不复杂但容易忽略状态判断和错误处理，补上就稳了。
