请描述在 JavaScript 环境下实现事件总线的具体方式，并说明组件之间如何通过它进行消息传递。

回答思路

1. 【回答框架 1】事件总线是一种发布-订阅模式的实现，核心包含事件存储、订阅（on）、发布（emit）和退订（off）等接口。在 JavaScript 中，通常使用一个对象作为事件中心，内部维护事件名到回调函数列表的映射。
2. 【回答框架 2】实现 on 方法时，将事件名和回调函数存入映射中；emit 方法调用对应事件名的所有回调，并传递参数；off 方法用于移除指定回调或整个事件。可考虑继承 EventTarget 或使用第三方库，但核心逻辑与之类似。
3. 【回答框架 3】用于组件间通信时，各组件共享同一个事件总线实例。发送方通过 emit 发布消息，接收方在组件挂载时通过 on 订阅，并在卸载时通过 off 解绑，以避免内存泄漏。
4. 【回答框架 4】事件总线适用于非父子关系的组件通信，如兄弟组件或跨层级组件，但过度使用会使数据流难以追踪。应优先考虑组件自身的 props 和 events，或状态管理库，如 Vuex、Redux，事件总线适合简单场景或临时通信。
5. 【关键点 1】事件总线遵循发布-订阅模式，核心方法包括 on、emit、off。
6. 【关键点 2】实现时需维护事件名到回调数组的映射。
7. 【关键点 3】组件卸载时必须解绑事件，避免内存泄漏。
8. 【关键点 4】事件总线适合非父子组件通信，但复杂应用应谨慎使用。
9. 【易错点 1】忘记解绑事件可能导致内存泄漏和重复触发。
10. 【易错点 2】事件名使用字符串常量，避免拼写错误。
11. 【易错点 3】在大型应用中，事件总线可能使数据流难以追踪，应有限使用。