手写EventEmitter(发布订阅模式)

最新推荐文章于 2024-06-20 01:27:45 发布

蓝色六一

最新推荐文章于 2024-06-20 01:27:45 发布

阅读量389

点赞数

分类专栏： JavaScript 文章标签： javascript

本文链接：https://blog.csdn.net/qq_39241544/article/details/125250093

版权

JavaScript 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

class EventEmitter {
  constructor() {
    this.events = {}
  }
  on(eventType, fn) {
    if(this.events[eventType]) {
      this.events[eventType].push(fn)
    } else {
      this.events[eventType] = [fn]
    }
  }
  off(eventType, fn) {
    if(!this.events[eventType]) return
    this.events[eventType] = this.events[eventType].filter(item => item !== fn)
    if(!this.events[eventType].length) delete this.events[eventType]
  }
  emit(eventType, ...args) {
    this.events[eventType] && this.events[eventType].forEach(fn => fn.apply(this, args))
  }
  once(eventType, fn) {
    function nfn(...args) {
      fn.apply(this, args)
      this.off(eventType, nfn)
    }
    this.on(eventType, nfn)
  }
}