hc-web-log-mon/packages/core/src/lib/eventBus.ts

基于 JS 跨平台插件，为前端项目提供【 行为、性能、异常、请求、资源、路由、曝光、录屏 】监控手段

import type { AnyFun } from '../types'
import { EVENTTYPES } from '../common'
import { _support } from '../utils/global'

interface EventHandler {
  type: EVENTTYPES
  callback: AnyFun
}

type Handlers = {
  [key in EVENTTYPES]?: AnyFun[]
}

export class EventBus {
  private handlers: Handlers
  constructor() {
    this.handlers = {}
  }
  /**
   * 为目标类型事件添加回调
   * @param handler 需要被添加的类型以及回调函数
   */
  addEvent(handler: EventHandler) {
    !this.handlers[handler.type] && (this.handlers[handler.type] = [])
    const funIndex = this._getCallbackIndex(handler)
    if (funIndex === -1) {
      this.handlers[handler.type]?.push(handler.callback)
    }
  }
  /**
   * 为目标类型事件删除回调
   * @param handler 需要被删除的类型以及回调函数
   */
  delEvent(handler: EventHandler) {
    const funIndex = this._getCallbackIndex(handler)
    if (funIndex !== -1) {
      this.handlers[handler.type]?.splice(funIndex, 1)
    }
  }
  /**
   * 为目标类型事件更改回调
   * @param handler 需要被更改的类型以及回调函数
   * @param newCallback 新的回调函数
   */
  changeEvent(handler: EventHandler, newCallback: AnyFun) {
    const funIndex = this._getCallbackIndex(handler)
    if (funIndex !== -1) {
      this.handlers[handler.type]?.splice(funIndex, 1, newCallback)
    }
  }
  /**
   * 获取目标类型事件所有的回调
   * @param type 事件类型
   */
  getEvent(type: EVENTTYPES): AnyFun[] {
    return this.handlers[type] || []
  }
  /**
   * 执行目标类型事件所有的回调
   * @param type 事件类型
   * @param args 额外参数
   */
  runEvent(type: EVENTTYPES, ...args: any[]): void {
    const allEvent = this.getEvent(type)
    allEvent.forEach(fun => {
      fun(...args)
    })
  }
  /**
   * 获取函数在 callback 列表中的位置
   */
  private _getCallbackIndex(handler: EventHandler): number {
    if (this.handlers[handler.type]) {
      const callbackList = this.handlers[handler.type]
      if (callbackList) {
        return callbackList.findIndex(fun => fun === handler.callback)
      } else {
        return -1
      }
    } else {
      return -1
    }
  }
}

const eventBus = _support.eventBus || (_support.eventBus = new EventBus())

export { eventBus }