event center

如何去自定义一个事件，监听后，再去触发？

原生 JS 实现 事件监听器

var EventCenter = {
  on: function(type, handler){
    document.addEventListener(type, handler)
  },
  fire: function(type, data){
    return document.dispatchEvent(new CustomEvent(type, {
      detail: data
    }))
  }
}

EventCenter.on('hello', function(e){
  console.log(e.detail)
})

EventCenter.fire('hello', '你好')

jQuery 实现 事件监听器

var EventCenter = {
  on: function(type, handler){
    $(document).on(type, handler)
  },
  fire: function(type, data){
    $(document).trigger(type, data)
  }
}

EventCenter.on('hello', function(e, data){
  console.log(data)
})

EventCenter.fire('hello', '你好')