安全关闭 WebSocket 需同步执行三步：调用带合规状态码（1000/1001/1002/1003 或 4000–4999）和短 reason 的 close()；清除所有事件监听（removeEventListener 或设 onxxx = null）；置 ws = null 并解除定时器、闭包等外部引用。
安全关闭 WebSocket 连接不是调个 close() 就完事，关键在于断开连接、清空监听、切断引用三步同步到位，否则容易内存泄漏或产生“幽灵连接”。
必须显式调用 close() 并传合规参数
直接 ws.close() 会使用默认状态码 1000（正常关闭），但生产环境建议显式传参，便于日志追踪和对端处理：
- 状态码只能是 1000、1001、1002、1003 或自定义范围 4000–4999；填 0、999、5000 或字符串会报错甚至卡在 CLOSING 状态
- reason 是可选字符串，UTF-8 编码且长度 ≤123 字节，不建议传敏感信息或过长描述
- 调用后
readyState立即变为CLOSING (2)，此时仍能收消息，但不可再调send()
清除所有事件绑定，避免闭包驻留
用匿名函数赋值（如 ws.onmessage = () => {}）会导致无法解绑，实例及上下文长期存活。推荐两种清理方式：
- 若用
addEventListener，关闭前必须配对调用removeEventListener，并保存 handler 引用 - 若用
ws.onopen = fn这类属性赋值，关闭前设为null即可：ws.onopen = null; ws.onmessage = null; ws.onerror = null; ws.onclose = null;
主动切断所有外部引用，确保垃圾回收
即使调了 close() 并清了监听器，只要还有变量、定时器、闭包或全局 Map 持有该 WebSocket 实例，它就无法被回收：
立即学习“Java免费学习笔记（深入）”；
- 关闭后立即将变量置为
null：ws = null; - 检查是否在
setInterval或重连逻辑中持续访问ws.readyState，这类引用需一并取消或判空 - 避免把
ws存进全局对象、Vuex/Pinia store 或类的 this 上未清理
配合页面生命周期做兜底处理
在单页应用中，尤其要注意组件卸载或路由跳转时的清理时机：
- Vue 中可在
beforeUnmount、React 中在useEffect清理函数里执行关闭流程 - 添加一个
isManuallyClosed标记，在onclose回调中判断该标记，防止手动关闭后又触发自动重连 - 浏览器标签页关闭前可监听
beforeunload，但注意该事件中异步操作（如等待 close 完成）不可靠，适合发一次尽力而为的关闭帧
