EventEmitter 自定义实现的奥秘

2023-09-08 11:36:19

在编程领域，事件驱动机制可谓一枝独秀，而 Node.js 在这方面更是技高一筹。它将 EventEmitter 奉为基石，构建出一个井然有序的事件响应体系。从模块的底层架构到应用层面的交互，EventEmitter 无处不在，发挥着承上启下的关键作用。

揭开 EventEmitter 的面纱

EventEmitter 的精髓在于它是一个简单的对象，但它具备非凡的能力。它可以通过 on() 方法监听事件，通过 emit() 方法触发事件。事件一旦发生，所有已注册的监听器便会被唤醒，执行相应的回调函数。

亲自动手，自定义 EventEmitter

要深入理解 EventEmitter，最好的方式就是亲自动手实现一个。我们一步一步来：

创建 EventEmitter 对象：

class EventEmitter {
  constructor() {
    this.events = {};
  }
}

注册事件监听器：

EventEmitter.prototype.on = function(eventName, listener) {
  if (!this.events[eventName]) {
    this.events[eventName] = [];
  }
  this.events[eventName].push(listener);
};

触发事件：

EventEmitter.prototype.emit = function(eventName, ...args) {
  if (this.events[eventName]) {
    for (const listener of this.events[eventName]) {
      listener(...args);
    }
  }
};

赋予 EventEmitter 生命力

自定义的 EventEmitter 已经成型，但它还没有生命力。我们通过一个简单的示例让它动起来：

const myEventEmitter = new EventEmitter();

myEventEmitter.on('greet', (name) => {
  console.log(`Hello, ${name}!`);
});

myEventEmitter.emit('greet', 'John'); // 输出：Hello, John!