1. class Event {
    2.   constructor () {}
    3.   // 首先定义一个事件容器，用来装事件数组（因为订阅者可以是多个）
    4.   handlers = {}
    6.   // 事件添加方法，参数有事件名和事件方法
    7.   addEventListener (type, handler) {
    8.     // 首先判断handlers内有没有type事件容器，没有则创建一个新数组容器
    9.     if (!(type in this.handlers)) {
    10.       this.handlers[type] = []
    11.     }
    12.     // 将事件存入
    13.     this.handlers[type].push(handler)
    14.   }
    16.   // 触发事件两个参数（事件名，参数）
    17.   dispatchEvent (type, ...params) {
    18.     // 若没有注册该事件则抛出错误
    19.     if (!(type in this.handlers)) {
    20.       return new Error('未注册该事件')
    21.     }
    22.     // 便利触发
    23.     this.handlers[type].forEach(handler => {
    24.       handler(...params)
    25.     })
    26.   }
    28.   // 事件移除参数（事件名，删除的事件，若无第二个参数则删除该事件的订阅和发布）
    29.   removeEventListener (type, handler) {
    30.       // 无效事件抛出
    31.       if (!(type in this.handlers)) {
    32.         return new Error('无效事件')
    33.       }
    34.       if (!handler) {
    35.         // 直接移除事件
    36.         delete this.handlers[type]
    37.       } else {
    38.         const idx = this.handlers[type].findIndex(ele => ele === handler)
    39.         // 抛出异常事件
    40.         if (idx === undefined) {
    41.           return new Error('无该绑定事件')
    42.         }
    43.         // 移除事件
    44.         this.handlers[type].splice(idx, 1)
    45.         if (this.handlers[type].length === 0) {
    46.           delete this.handlers[type]
    47.         }
    48.       }
    49.     }
    50. }

    使用

    1. var event = new Event() // 创建event实例
    2. // 定义一个自定义事件:"load"
    3. function load (params) {
    4.   console.log('load', params)
    5. }
    6. event.addEventListener('load', load)
    7. // 再定义一个load事件
    8. function load2 (params) {
    9.   console.log('load2', params)
    10. }
    11. event.addEventListener('load', load2)
    12. // 触发该事件
    13. event.dispatchEvent('load', 'load事件触发')
    14. // 移除load2事件
    15. event.removeEventListener('load', load2)
    16. // 移除所有load事件
    17. event.removeEventListener('load')