理解 JavaScript EventEmitter
EventEmitter 是 Node.js 的核心模块之一，不过它也可以在浏览器中使用。通过 EventEmitter，我们可以简单而有效地实现各种事件模型，如事件监听、事件触发等；在 Web 开发中，EventEmitter 常用于实现自定义事件机制。
EventEmitter 是一个内部实现了事件订阅与发布的机制的 JavaScript 对象，其核心原理是观察者模式。观察者模式中，有两大主要概念：
观察目标，也就是触发器。触发器会触发事件，在触发事件时，所有订阅该事件的监听器会被通知，即执行相应的响应代码。
EventEmitter 的 API
EventEmitter 常用的方法有以下几个：
addListener(event, listener) / on(event, listener)：为指定事件添加一个监听器，相当于注册一个事件处理函数。removeListener(event, listener)：移除某个事件监听器，与 addListener() 方法对应。emit(event, [arg1], [arg2], [...])：触发指定事件，并传入可选参数arg1、arg2等作为参数。once(event, listener)：为指定事件添加一个一次性监听器。当该事件第一次被触发时，监听器就会被移除。removeAllListeners([event])：移除指定事件的所有监听器，或移除所有事件的所有监听器。
示例
下面是两个示例，用来说明 EventEmitter 常用方法的使用过程。
（1）示例一：基于 EventEmitter 实现一个简单的事件监听器
const EventEmitter = require('events');
const emitter = new EventEmitter();
// 添加事件监听器
emitter.on('event', function(arg1, arg2) {
console.log('listener1', arg1, arg2);
});
// 添加多个同名事件监听器
emitter.on('event', function(arg1, arg2) {
console.log('listener2', arg1, arg2);
});
// 触发事件
emitter.emit('event', 'hello', 'world');
在这个示例中，我们首先创建了一个 EventEmitter 对象实例；然后通过 on() 方法添加了两个同名的事件监听器；最后通过 emit() 方法触发了名为 event 的事件，并传入了两个参数，这两个参数会作为回调函数的参数被接收。
运行上述代码，控制台会输出如下内容：
listener1 hello world
listener2 hello world
说明我们成功地实现了一个简单的事件监听器。
（2）示例二：基于 EventEmitter 实现动态事件监听器
const EventEmitter = require('events');
const emitter = new EventEmitter();
// 根据动态的事件名字添加任意数量的事件监听器
function addEventHandler(eventName) {
emitter.on(eventName, function(arg1, arg2) {
console.log(`listener for event ${eventName}`, arg1, arg2);
});
}
// 触发名字为 event1 的事件
emitter.emit('event1', 'hello', 'world');
// 添加名字为 event1 的事件监听器
addEventHandler('event1');
// 再次触发名字为 event1 的事件
emitter.emit('event1', 'hello again', 'world again');
在这个示例中，我们定义了一个可以动态添加事件监听器的函数，然后先通过 emit() 方法触发了名字为 event1 的事件，由于此时还没有添加任何监听器，所以不会有任何输出。
接下来，我们调用函数 addEventHandler() 为 eventName 事件添加一个监听器，最后再次触发 event1 事件。运行上述代码，控制台会输出如下内容：
listener for event event1 hello again world again
这表明我们成功地实现了一个可以动态添加监听器的事件机制。
总结
通过上述示例的分析，我们可以发现 EventEmitter 是一个强大而又简单的事件模型，可以广泛应用于各种Web应用场景中。理解 EventEmitter 的 API 和内部原理，可以帮助我们更好地利用 EventEmitter 来实现高效的事件管理机制。
本文链接：http://task.lmcjl.com/news/9933.html