事件总线解绑需保存函数引用、成对绑定与解绑、防重复注册，并推荐使用AbortController自动清理。匿名函数订阅无法解绑；Vue2在beforeDestroy、Vue3在onBeforeUnmount、React在useEffect清理函数中调用off；重复订阅需去重；AbortController可替代手动off，但需兼容性降级。
事件总线（Event Bus）解绑的核心是确保订阅回调被精准移除，避免重复注册、闭包引用滞留和组件卸载后监听器残留——这三者是内存泄漏的主因。
必须保存函数引用，不能用匿名函数订阅
每次用箭头函数或 function() {} 订阅，都会创建新函数对象。即使逻辑相同，off(callback) 也无法匹配已注册的旧引用。
- ✅ 正确做法：把处理函数声明为变量或具名函数，并在订阅和取消时复用同一引用
- ❌ 错误写法：
bus.on('data', () => console.log('got'))→ 后续bus.off('data', () => console.log('got'))完全无效 - 示例：
const handleData = (payload) => { this.update(payload) }<br> bus.on('data', handleData)<br> // 卸载时<br> bus.off('data', handleData)
组件生命周期中成对绑定与解绑
在 Vue 或 React 等框架中，事件总线常用于跨组件通信，但若只绑定不清理，组件销毁后回调仍持有实例引用，导致整个组件无法回收。
Alibabacloud Sdk Client Initialization For Java
下载
在 Java 中初始化和管理阿里云 SDK客户端。包括单例模式、线程安全、endpoint 与 region 配置、VPC 终端节点、同步与异步等。
- Vue 2：在
mounted中绑定，在beforeDestroy中解绑 - Vue 3（Composition API）：在
onMounted绑定，在onBeforeUnmount解绑 - React（useEffect）：返回清理函数，调用
bus.off() - 关键点：解绑时机必须早于组件实例释放，且确保
off调用发生在组件 still alive 时
主动去重 + 订阅管理（防重复注册）
同一回调多次调用 on()，会导致多个副本存入事件队列。仅调用一次 off() 只能删掉其中一个，其余继续执行并维持闭包引用。
立即学习“Java免费学习笔记（深入）”；
- 推荐方案：在事件总线内部维护订阅映射表，按
event + callback唯一标识去重 - 或业务层自行控制：订阅前先检查是否已存在，或使用唯一 token 标识订阅关系
- 例如：
if (!this._subscribed) { bus.on('user:update', this.refresh); this._subscribed = true; }
用 AbortController（现代替代方案）
对于支持现代浏览器的项目，可借助 AbortSignal 自动清理，无需手动管理函数引用。
- 订阅时传入
{ signal: controller.signal } - 组件卸载时调用
controller.abort()，所有关联监听器自动失效 - 优势：不依赖函数引用一致性；避免闭包意外持有所属组件
- 注意：IE 和旧 Safari 不支持，需降级 fallback 到手动
off()
