JavaScript 手写实现发布订阅事件处理器

最新推荐文章于 2024-06-29 09:12:01 发布

ienyh

最新推荐文章于 2024-06-29 09:12:01 发布

阅读量305

点赞数

CC 4.0 BY-SA版权

分类专栏： Javascript笔记文章标签： javascript 前端

本文链接：https://blog.csdn.net/qq_45265059/article/details/125347772

本文介绍如何手写实现JavaScript的发布订阅事件处理器，包括源码解析和具体使用步骤，如从npm下载或直接应用。

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

JavaScript 手写实现发布订阅事件处理器

1、源码实现

type Listener<T = any> = (p: T) => void

type Listeners = Record<string, Listener[]>;

export type {
   
   
  Listener,
  Listeners,
}

export interface event {
   
   
  type: string;
  target: this;
  [attachment: string]: any;
}

/**
 * 事件派发器
 */
class EventDispatcher {
   
   

  private listeners: Listeners;

  constructor() {
   
   
    this.listeners = {
   
   };
  }

  /**
   * 添加监听事件
   * @param type 
   * @param listener 
   */
  addEventListener(type: string | string[], listener: Listener) {
   
   
    if (Array.isArray(type)) {
   
   
      type