标签：function 订阅 handlers 模式 js eventName type Event click1

function Event() {
  this.handlers = {}
}

Event.prototype.$on = function (type, eventName) {
  if (!(type in this.handlers)) {
    this.handlers[type] = []

  }
  this.handlers[type].push(eventName)
}

Event.prototype.$emit = function (type, ...args) {
  if (!(type in this.handlers)) {
    throw new Error('无效事件1')

  }
  this.handlers[type].forEach(handler => {
    handler(args)
  })

}

Event.prototype.$closeEvent = function (type, eventName) {
  if (!(type in this.handlers)) {
    throw new Error('无效事件2')
  }

  if (!eventName) {
    // 没有传入方法名称
    // 直接删除数组
    delete this.handlers[type]

  } else {
    // 找到这个事件在数组的索引
    let eventNameIndex = this.handlers[type].findIndex(item => item === eventName)
    // 没有索引报错

    if (eventNameIndex === undefined) {
      throw new Error('无效事件3')
    }
    // 删除该事件
    this.handlers[type].splice(eventNameIndex, 1)
     // type类型数组长度为0，直接删除类型数组，释放空间
    if (this.handlers[type].length === 0) {
      delete this.handlers[type]
    }

  }


}

let eventceshi = new Event()
eventceshi.$on('click1', function (params) {
  console.log('click1 ' + params)
})
// eventceshi.$closeEvent('click1')
eventceshi.$emit('click1', '1的参数')

标签：function,订阅,handlers,模式,js,eventName,type,Event,click1
来源： https://blog.csdn.net/xiaoshunshi/article/details/123104256

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。