手写一个发布订阅

    1:所有的发布订阅就是一个对象。

 

 

    class Obersve {
      event={}  //等价于下面的constructor
      // constructor() {
      //   this.event = {}
      // }
      subscribe(type, fn) { //订阅
        if (Object.keys(this.event).includes(type)) { 
          this.event[type].push(fn)
        } else {
          this.event[type] = [fn]
        }
      }
      publish(type, args = {}) {  //发布
        if (this.event[type]) {
          this.event[type].map(item => {
            item.call(this, { type,args}) 
          })
        }
      }
    }
    const ober = new Obersve()
    ober.subscribe('aaa', function (e) {
      console.log(`事件: ${e.type}`)
      console.log(`消息: ${e.args.message}`)
    })
    ober.publish('aaa', {
      message: '亮哥'
    })

posted on 2020-07-15 13:45  冰love  阅读(435)  评论(0编辑  收藏  举报

导航