17370845950

EventEmitter源自Node.js的events模块，提供发布订阅模式实现事件驱动编程。通过on监听事件、emit触发事件、once注册一次性监听器，实现模块间解耦。支持removeListener移除指定监听器、listenerCount统计监听数量、removeAllListeners清除所有监听，便于资源管理和内存泄漏预防。

JavaScript里的EventEmitter不是浏览器的原生API，它源自Node.js的events模块，是一种实现发布订阅模式的核心工具。它的作用就像一个消息队列中心，让代码的不同部分可以通过“发布”和“监听”事件来进行通信，彼此之间不需要直接引用，降低了耦合度。

核心工作原理：发布与订阅

整个机制围绕三个关键角色：事件名称、发布者（发射器）和订阅者（监听器）。你需要先创建一个EventEmitter实例作为调度中心。

这个myEmitter对象就是你的消息队列。其他模块或组件可以向它注册自己感兴趣的事件，也可以通过它来广播消息。

如何注册和触发事件

最基础的操作是使用on和emit方法。

• 监听事件 (on)：用myEmitter.on('eventName', callback)来订阅一个事件。当这个事件被触发时，你提供的callback函数就会被执行。你可以为同一个事件名绑定多个监听器，它们会按照注册的顺序依次调用。
• 触发事件 (emit)：用myEmitter.emit('eventName', data1, data2)来发布一个事件。“eventName”是事件的唯一标识，后面的参数会原封不动地传递给所有监听这个事件的回调函数，实现数据共享。
• 一次性监听 (once)：如果某个事件你只想处理一次，比如初始化完成通知，可以用once()代替on()。这个监听器在执行完第一次后会自动被移除，避免重复响应。

管理监听器

一个健壮的消息系统必须能动态管理订阅关系。

• 可以使用removeListener('eventName', callback)来精确移除某个特定的监听器，这在组件销毁时清理资源非常有用，防止内存泄漏。
• 通过listenerCount('eventName')可以检查当前有多少个函数在监听某个事件，便于调试。
• 如果想移除某个事件的所有监听器，可以使用removeAllListeners('eventName')。

基本上就这些，掌握了on、emit和once，你就拥有了在JavaScript中构建松散耦合、事件驱动应用的能力。