手写一个EventBus

手写一个EventBus
观察者模式和发布订阅模式具体的写法和区别没有官方的定义，下面这种写法反而更常见。

class EventBus {
  map = {} 
  
  on(type, handler) {
    this.map[type] = (this.map[type] || []).concat(handler)
  }
  
  fire(type, data) {
    this.map[type] && this.map[type].forEach(handler => handler(data))
  }
  
  off(type, handler) {
    if(this.map[type]) {
      if(!handler) {
        delete this.map[type]
      } else {
        let index = this.map[type].indexOf(handler)
        this.map[type].splice(index, 1)
      }
    }
  }
}

测试代码

const eventBus = new EventBus()

eventBus.on('click:btn', data => {
  console.log(data)
})

eventBus.fire('click:btn', {a: 1, b: 2})
eventBus.off('click:btn')
eventBus.fire('click:btn', {a: 1, b: 2})