EventEmitter 发布订阅者模式hooks

新建useEventEmitter.ts文件

class EventEmitter {
  private events: { [key: string]: Set<(...args: any[]) => void> } = {}

  subscribe(eventName: string, listener: (...args: any[]) => void): void {
    if (!this.events[eventName]) {
      this.events[eventName] = new Set()
    }
    this.events[eventName].add(listener)
  }

  unsubscribe(eventName: string, listener: (...args: any[]) => void): void {
    if (this.events[eventName]) {
      this.events[eventName].delete(listener)
    }
  }

  emit(eventName: string, ...args: any[]): void {
    if (this.events[eventName]) {
      this.events[eventName].forEach(listener => listener.apply(this, args))
    }
  }

  clear(): void {
    this.events = {}
  }
}
export default EventEmitter
// 抛出单例 export default new EventEmitter()

使用方法

import EventEmitter from '~/hooks/useEventEmitter'
const events = EventEmitter
// 定义一个监听器函数
const listener = (...args: any[]) => {
  console.log('Event triggered', ...args)
}

// 订阅事件
emitter.subscribe('myEvent', listener)

// 在某个时刻，取消订阅事件
emitter.unsubscribe('myEvent', listener)

// 清空所有订阅
events.clear()