手写系列之发布订阅模式 - 图1

本文主要是实现发布订阅模式，其实发布订阅模式比较简单，这里只是说下大致的方法含义

1. 直接上代码

  1. function EventEmitter() {
  2.   this.pool = {}
  3. }
  5. EventEmitter.prototype.on = function (name, fn) {
  6.   if (!this.pool) this.pool = {}
  7.   const stack = this.pool[name] || (this.pool[name] = [])
  8.   if (stack.includes(fn)) return false
  10.   stack.push(fn)
  11.   return true
  12. }
  14. EventEmitter.prototype.emit = function (name) {
  15.   const stack = this.pool[name]
  16.   if (!stack || !Array.isArray(stack)) return false
  18.   const args = [].slice.call(arguments, 1)
  19.   stack.forEach((fn) => fn(...args))
  20.   return true
  21. }
  23. EventEmitter.prototype.off = function (name, fn) {
  24.   const stack = this.pool[name]
  25.   if (!stack) return false
  27.   if (fn) {
  28.     this.pool[name] = stack.filter((item) => item !== fn && item.l !== fn)
  29.     return true
  30.   }
  31.   this.pool[name] = []
  32.   return true
  33. }
  35. EventEmitter.prototype.once = function (name, fn) {
  36.   const handle = (...args) => {
  37.     fn(...args)
  38.     this.off(name, fn)
  39.   }
  40.   handle.l = fn
  41.   this.on(name, handle)
  42. }

2. 方法介绍

  • on — 进行方法的订阅
  • emit — 进行方法的提交发射，主要是函数的执行
  • off — 取消订阅
  • once — 进行方法的一次绑定，执行后自动解绑