eventbus未解绑会导致内存泄漏，因组件卸载后回调仍持有实例引用；须在组件销毁钩子中显式取消订阅，禁用匿名函数，推荐具名函数或symbol键，并用devtools验证释放。
事件总线（EventBus）未解绑是 Vue 等框架中典型的内存泄漏诱因：组件卸载后，仍通过 EventBus 订阅着事件，回调函数持续持有组件实例、state、DOM 引用或大型数据，导致整个组件无法被垃圾回收。
明确 EventBus 的生命周期归属
事件总线本身是全局或长生命周期对象（如 const bus = new EventEmitter() 或 Vue 2 的 Vue.prototype.$bus），它不随组件销毁而消失。因此，“谁订阅，谁取消”必须由组件自身承担——不能依赖总线自动清理。
- 在 Vue 2 中，避免直接使用
this.$bus.$on，改用beforeDestroy钩子中调用this.$bus.$off显式取消； - 在 Vue 3 组合式 API 中，使用
onUnmounted钩子执行取消逻辑，且推荐为每个监听绑定唯一标识（如具名函数或 symbol 键），便于精准移除； - 若使用第三方事件总线库（如 mitt），确保调用其提供的
off或clear方法，而非仅置空引用。
避免匿名函数监听导致无法解绑
匿名函数每次调用都生成新引用，$off 无法匹配已注册的监听器，等于“只订不退”。
deep-java-review
下载
Java项目代码review工具。分析Git变更+完整调用链路上下文，推断业务需求，进行多维度评分和分类汇总，生成完整PRD文档。包含细粒度Java代码审查清单（Null安全、异常处理、Streams、并发、equals/hashCode、资源管理、API设计、性能、MyBatis/ORM、事务边界、SQL/DD...
- ❌ 错误写法：
bus.on('data:update', () => this.handleUpdate())； - ✅ 正确写法：定义具名方法或绑定后的函数引用：
this.handler = this.handleUpdate.bind(this)，再bus.on('data:update', this.handler)，卸载时bus.off('data:update', this.handler)； - 更稳妥方式：用
mitt的all机制或自定义事件键（如Symbol('update')）管理监听组，统一清除。
利用框架销毁钩子做兜底清理
即使业务逻辑复杂，也应保证至少一次可靠的清理入口：
- Vue 2：
beforeDestroy（非destroyed，后者执行时组件已解构）； - Vue 3：
onBeforeUnmount或onUnmounted（推荐前者，确保在 DOM 卸载前完成）； - React（类组件）：
componentWillUnmount；函数组件配合useEffect清理函数返回值； - 务必检查第三方插件是否提供
destroy或unmount方法，例如某些图表库、地图 SDK 的实例需手动调用.dispose()。
验证是否真正释放
仅写清理代码不等于问题解决。建议用 Chrome DevTools 的 Memory 面板实测：
- 录制堆快照（Heap Snapshot），切换路由/反复挂载卸载目标组件；
- 对比多次快照，筛选
Detached HTMLDivElement或大量Closure实例，查看 retainers 是否还指向已卸载组件； - 搜索关键词如
event、handler、组件名，确认无残留监听器引用链。
Java免费学习笔记：立即使用
解锁 Java 大师之旅：从入门到精通的终极指南
