SSE安全关闭需四步：先用标志位判断连接状态并置为false；再移除事件监听器及清空回调引用；接着禁用自动重连，通知服务端终止会话；最后清理定时器、全局事件和待处理任务。
SSE（Server-Sent Events）在前端关闭比 WebSocket 更简单，但“安全关闭”不等于调用 close() 就完事——关键在于避免重复关闭、清理监听、防止内存泄漏，并确保服务端不再推送新事件。
调用 close() 前确认连接状态
SSE 实例没有类似 WebSocket 的 readyState === OPEN 严格校验机制，但直接调用 eventSource.close() 在已关闭或未建立连接时不会报错，也不会触发副作用。不过为避免冗余操作，建议加一层状态判断：
- 用布尔标志位（如
this.isSSEActive = true）手动跟踪是否已启动且未关闭 - 调用
close()后立即将该标志置为false - 后续所有发送/监听逻辑都先检查该标志，跳过无效操作
移除事件监听器并重置回调引用
SSE 使用 addEventListener 绑定事件（如 message、error），若不显式移除，即使连接关闭，监听器仍驻留在内存中，尤其在单页应用频繁切换页面时易引发泄漏：
- 关闭前执行
eventSource.removeEventListener('message', handler)，确保传入的handler是当初注册的同一函数引用 - 若使用匿名函数绑定，改用命名函数或保存引用；例如：
const onMsg = (e) => {...}; source.addEventListener('message', onMsg) - 清除
onerror、onopen等直接赋值的回调：source.onerror = null; source.onopen = null
处理自动重连与错误兜底
浏览器对 SSE 默认启用自动重连（约 3 秒后尝试重建连接），这在意外断开时有用，但在主动关闭场景下必须禁用：
立即学习“Java免费学习笔记（深入）”；
-
close()本身会终止当前连接，但无法阻止浏览器后续自动重试——除非你提前让服务端停止响应text/event-stream请求 - 更可靠的做法：关闭前向服务端发起一次轻量 HTTP 请求（如
fetch('/api/sse/logout')），通知服务端终止该用户会话流 - 在
onerror回调中，检查是否因主动关闭触发（可用标志位区分），若是则不再重试；否则可做有限次退避重连
释放资源与清理副作用
SSE 对象本身不持有定时器或 DOM 引用，但业务代码常伴随副作用：
- 清除关联的 UI 定时器（如心跳检测、消息未读倒计时）：
clearTimeout(this.pingTimer) - 解绑全局事件（如
window.addEventListener('beforeunload', ...)），防止页面卸载时仍尝试恢复连接 - 清空待处理的消息队列、取消 pending 的 Promise（如正在解析的 event data）、重置本地缓存状态
- 若使用类封装，建议提供统一的
destroy()方法，集中执行close()+ 清理 + 状态重置
