这个系列是翻译文章，虽然是翻译，但有些地方还是做了一些修改。如果你想要看原版，那可以根据这个链接去查找。
在这篇文章中，我们继续讲与Node.js有关的主要概念。这次我们深入探讨EventEmitter的概念。我们解释了它的同步性和工作原理，这有助于理解Node.js的其他功能，因为其中一些功能在底层使用了EventEmitter。
EventEmitter
事件是JavaScript的一个重要部分，因为很多Node.js核心功能都依赖于事件驱动架构。你会发现很多对象都继承自EventEmitter。
某些对象可以发出事件，我们称它们为事件发射器（emitters）。我们可以监听这些事件，并使用称为监听器（listeners）的回调函数来做出反应。
EventEmitter的实例有一个on方法，可以将一个或多个函数附加到该对象上。EventEmitter的实例还有一个emit方法，用于发出事件并导致所有EventEmitter调用所有监听器。
demo2/index.ts
import * as EventEmitter from "events";
eventEmitter.on('event', () => {
console.log('one')
})
console.log(1)
eventEmitter.on('event', () => {
console.log('two')
})
console.log(2)
eventEmitter.on('event', () => {
console.log('three')
})
console.log(3)
eventEmitter.emit('event')
console.log(4)
// 1
// 2
// 3
// one
// two
// three
// 4
通过上面的输出，我们可以发现。所有通过on方法监听的名为event的事件的回调函数，在emit触发event事件后会同步调用。
on函数是addEventListener的别名，两个函数的作用方式相同。
如果你在emit触发后去监听event事件，EventEmitter则不会去调用它
eventEmitter.emit('event');
eventEmitter.on('event', function() {
console.log('Event occured!'); // not logged into the console
});
这是一个需要牢牢记住的点。
向监听器传输额外的数据
emit方法允许你发送数据到listener函数。在listener函数内部，this指向EventEmitter的实例
eventEmitter.on('event', function(data) {
console.log(data); // { key: value }
console.log(this === eventEmitter); // true
});
eventEmitter.emit(
'event',
{
key: 'value'
}
);
你遇到的很多emitter(发射器)都会向listeners(监听器)传递额外的参数。
如果你使用箭头函数，this的指向就不在是EventEmitter的实例，而是一个空对象{}。
const _self = this;
eventEmitter.on('event', () => {
console.log(this === eventEmitter); // false
console.log(this === _self) // true
});
eventEmitter.emit('event');
这是因为箭头函数的this是继承自父级作用域，而在node中顶层作用域的this就是一个空对象{}
移除listeners
如果你不希望某个监听器再被调用，你可以使用removeListener函数。通过它，你从一个特定的事件中移除监听器。要做到这一点，你需要向removeListener函数提供事件的名称，以及对回调函数的引用。
function listener () {
console.log('Event occurred!');
}
eventEmitter.on('event', listener);
eventEmitter.emit('event'); // Event occurred!
eventEmitter.removeListener('event', listener);
eventEmitter.emit('event'); /// Nothing happened
事件的同步性质
如上所述，EventEmitter同步的调用所有listener。我们可以通过将它们之间互相调用来观察:
eventEmitter.on('event1', () => {
console.log('First event here!');
eventEmitter.emit('event2');
});
eventEmitter.on('event2', () => {
console.log('Second event here!');
eventEmitter.emit('event3');
});
eventEmitter.on('event3', () => {
console.log('Third event here!');
eventEmitter.emit('event1');
});
eventEmitter.emit('event1');
在打印了一堆信息后，你会看到一个错误:
RangeError: Maximum call stack size exceeded
报错是因为上面的监听器实际执行的顺序是这样的：
function event1() {
console.log('First event here!');
event2();
}
function event2() {
console.log('Second event here!');
event3();
}
function event3() {
console.log('Third event here!');
event1();
}
event1();
emitter以同步方式执行所有回调函数。每次调用函数时，其上下文都会推送到调用堆栈的顶部。当函数结束时，上下文从堆栈中取出。如果在另一个函数内部调用一个函数，数据可能会在调用堆栈中积累，并最终导致溢出。
你可以通过使用setTimeout函数来改变这种行为。当Node.js执行到setTimeout函数时，它会设置一个计时器。当计时器到期时，它会将回调函数放到事件循环中timer阶段的队列中去执行（这里原文讲的比较模糊，所以我添加了自己的理解，如果感觉不对，可以去看原文）。由于这样，一个函数就不会在另一个函数内部调用，调用栈也不会超过限制。
eventEmitter.on('event1', () => {
setTimeout(() => {
console.log('First event here!');
eventEmitter.emit('event2');
})
});
eventEmitter.on('event2', () => {
setTimeout(() => {
console.log('Second event here!');
eventEmitter.emit('event3');
})
});
eventEmitter.on('event3', () => {
setTimeout(() => {
console.log('Third event here!');
eventEmitter.emit('event1');
})
});
eventEmitter.emit('event1');
只执行一次事件
当你使用on或addEventListener方法注册监听器时，Node.js EventEmitter在每次发出事件时都会调用它。
import * as EventEmitter from 'events';
class MyEventEmitter extends EventEmitter {
counter = 0;
}
const eventEmitter = new MyEventEmitter();
eventEmitter.on('event', function () {
console.log(this.counter++);
});
eventEmitter.emit('event'); // 0
eventEmitter.emit('event'); // 1
eventEmitter.emit('event'); // 2
使用once代替on，可以让你注册的监听器在某个事件中只被调用一次
import * as EventEmitter from 'events';
class MyEventEmitter extends EventEmitter {
counter = 0;
}
const eventEmitter = new MyEventEmitter();
eventEmitter.once('event', function () {
console.log(this.counter++);
});
eventEmitter.emit('event'); // 0
eventEmitter.emit('event'); // nothing happens
eventEmitter.emit('event'); // nothing happens
总结
本文介绍了Node.js EventEmitter的最重要的特性。由于它在Node.js的其他核心功能中被广泛使用，因此我们在接下来的系列文章中会遇到它，例如流（streams）等重要概念。
