Deno 中的 EventEmitter

EventEmitter 是 Node.js 中常用的一种事件机制，可以将事件发射和处理分离，有效地提高代码的可复用性和可扩展性。在使用 Deno 进行前端开发时，也可以遵循 EventEmitter 的原则，实现事件机制，让代码更加灵活和易于维护。

EventEmitter 简介

EventEmitter 是 Node.js 的一个核心模块，它提供了一种事件机制，用于实现事件的发射和处理。在 EventEmitter 中，一个事件会被称作一个“事件类型”，而响应事件的代码则被称作“监听器”。我们可以通过调用 EventEmitter 的 on 方法来为某个事件类型添加监听器，而在事件发生时，EventEmitter 则会自动触发相应的监听器。除此之外，我们还可以通过 emit 方法来手动触发事件，主动发送消息。

在 Deno 中，虽然没有像 Node.js 一样内置 EventEmitter，但我们可以通过在 Deno 中手动实现 EventEmitter 来实现类似的功能。下面我们来看一个实现思路。

首先，我们可以定义一个 EventEmitter 类，该类具有 on 和 emit 两个方法。on 方法用于添加监听器，需要传入事件类型和响应事件的逻辑；emit 方法用于触发事件，需要传入事件类型和事件数据。

// javascriptcn.com 代码示例
class EventEmitter {
    constructor() {
        this.events = new Map();
    }

    on(type, listener) {
        if(!this.events.has(type)){
            this.events.set(type, []);
        }
        this.events.get(type).push(listener);
    }

    emit(type, ...args) {
        if(this.events.has(type)){
            this.events.get(type).forEach(listener =>
                listener.apply(this, args)
            );
        }
    }
}

let eventEmitter = new EventEmitter();

上面的代码定义了一个 EventEmitter 类，该类使用了 es6 中的 Map 数据结构来存储事件对应的监听器。然后我们通过 on 和 emit 方法来实现事件的绑定和触发。

接着，我们可以使用该 EventEmitter 类来实现一个简单的事件机制。比如下面的代码，实现了一个异步读取文件的功能，当文件读取完毕后自动触发相应的事件。

// javascriptcn.com 代码示例
import { readFileStr } from "https://deno.land/std/fs/mod.ts";

async function readfile() {
    const eventEmitter = new EventEmitter();

    eventEmitter.on("readfile", async (filename) => {
        const content = await readFileStr(filename);
        eventEmitter.emit("readfile_complete", content);
    });

    eventEmitter.on("readfile_complete", (data) => {
        console.log(`读取文件内容为：${data}`);
    })
    
    eventEmitter.emit("readfile", "./test.txt");
}

readfile();

上面的代码中，我们首先引入了 Deno 标准库中的 readFileStr 方法，该方法可以异步读取指定路径的文件内容。然后我们定义了一个 readfile 函数，该函数使用了前文定义的 EventEmitter 类。在 readfile 函数中，我们使用 on 方法来为“readfile”事件类型添加一个监听器，该监听器会调用 readFileStr 方法，读取指定路径的文件内容。当文件读取完毕后，我们手动使用 emit 方法来触发“readfile_complete”事件，该事件在另一个监听器中被处理，将文件内容输出到控制台上。

总结

通过上面的讲解，我们可以发现在 Deno 中实现一个简单的 EventEmitter 并不复杂，而且与 Node.js 中的 EventEmitter 基本相同。在实际的前端开发中，我们也可以通过实现自己的 EventEmitter，来更好地实现代码的可复用性和可扩展性。

来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/653075167d4982a6eb1f1a7b