如何简单使用JavaScript实现一个EventEmitter 包含on，once，off，emit

最新推荐文章于 2022-06-25 09:41:42 发布

坠落清风

最新推荐文章于 2022-06-25 09:41:42 发布

阅读量916

点赞数

分类专栏： JavaScript 文章标签： javascript eventemitter node vue

本文链接：https://blog.youkuaiyun.com/qq_37413562/article/details/120072302

版权

本文介绍如何使用JavaScript实现一个简单的EventEmitter，包括on用于监听事件，once确保事件只触发一次，off用于移除事件监听器，以及emit用于触发事件。采用发布订阅者模式进行实现。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

如何简单使用JavaScript实现一个EventEmitter 包含on，once，off，emit

使用发布订阅者模式，简单实现，代码如下：

class EventEmitter {
   
  constructor() {
   
    this.eventProcessingMap = new Map();
  }
  emit(eventName, ...args) {
   
    if (!typeof eventName === "srting" || !typeof eventName === "symbol") {
   
      throw new Error("The parameter eventName must be a string or symbol");
    }
    if (this.eventProcessingMap.has(eventName)) {
   
      this.eventProcessingMap
        .get(eventName)
        .slice()
        .forEach((handler) => {
   
          handler(...args);
        });
    }
  }
  on(eventName, handler) {