面试官：说说Node中的EventEmitter? 如何实现一个EventEmitter?

linwu-hi

已于 2023-09-07 10:14:44 修改

阅读量656

点赞数 51

文章标签：前端 javascript reactjs typescript css nodejs eventemit

于 2023-09-07 10:14:24 首次发布

本文链接：https://blog.youkuaiyun.com/weixin_52898349/article/details/132732047

版权

面试官：说说Node中的EventEmitter? 如何实现一个EventEmitter?

一、什么是EventEmitter？

在Node.js中，EventEmitter是事件驱动的基础，几乎所有模块都继承自它。它实现了观察者模式，其中被观察者维护一组观察者，并在更新时通知观察者。

EventEmitter允许对象绑定和触发事件监听器，实现异步操作。在Node.js中，许多对象都会分发事件，例如fs.readStream对象会在文件被打开时触发一个事件。

二、使用EventEmitter

Node.js的events模块提供了一个EventEmitter类，可以通过继承它创建自定义事件对象。

基本使用方法如下：

const EventEmitter = require('events');

class MyEmitter extends EventEmitter {}

const myEmitter = new MyEmitter();

function callback() {
    console.log('触发了event事件！');
}

myEmitter.on('event', callback);
myEmitter.emit('event');
myEmitter.removeListener('event', callback);

EventEmitter的常用方法有：

on(eventName, listener): 添加类型为eventName的事件监听器。
once(eventName, listener): 添加类型为eventName的事件监听器，但只能执行一次，执行后将被删除。
prependListener(eventName, listener): 添加类型为eventName的事件监听器到事件数组头部。
emit(eventName, ...args): 触发类型为eventName的事件监听器。
removeListener(eventName, listener): 移除类型为eventName的事件监听器。

三、实现自定义EventEmitter

我们可以简单实现一个EventEmitter类，了解其基本原理。在实现过程中，需要维护一个包含所有事件的对象events。

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

    on(type, handler) {
        if (!this.events[type]) {
            this.events[type] = [];
        }
        this.events[type].push(handler);
    }

    emit(type, ...args) {
        if (!this.events[type]) {
            return;
        }
        this.events[type].forEach((handler) => {
            handler.apply(this, args);
        });
    }

    removeListener(type, handler) {
        if (!this.events[type]) {
            return;
        }
        this.events[type] = this.events[type].filter((item) => item !== handler);
    }
}

以上代码实现了on、emit、removeListener方法，分别用于添加事件监听器、触发事件和移除事件监听器。

四、测试自定义EventEmitter

const bus = new EventEmitter();

bus.on('event', () => {
    console.log('Event 1');
});

function event2() {
    console.log('Event 2');
}

bus.on('event', event2);

bus.emit('event');
// Output:
// Event 1
// Event 2

bus.removeListener('event', event2);
bus.emit('event');
// Output:
// Event 1