手写 发布订阅

合集 - 记忆点(4)

1.手写 AJAX2024-06-06

2.手写 发布订阅2024-06-06

3.手写深拷贝2024-06-064.JS 易忽略问题2024-12-04

收起

• JS实现发布订阅功能

// 发布订阅
const eventHub = {
  // 队列MAP, 存放事件名和触发事件
  queueMap: {},
  // 注册事件
  on: (name, fn) => {
    eventHub.queueMap[name] = eventHub.queueMap[name] || []
    eventHub.queueMap[name].push(fn)
  },
  // 触发事件
  emit: (name, data) => {
    const q = eventHub.queueMap[name]
    if (!q) return
    q.map(fn => fn.call(null, data))
  },
  // 取消事件
  off: (name, fn) => {
    const q = eventHub.queueMap[name]
    if (!q) return
    const index = q.indexOf(fn)
    if (index === -1) return
    q.splice(index, 1)
  }
}

eventHub.on('click', console.log)
eventHub.on('click', console.error)
eventHub.emit('click', 'jnp')

eventHub.off('click', console.log)