1. // 题目描述:实现一个发布订阅模式拥有 on emit once off 方法
    2. class EventEmitter {
    3.     constructor() {
    4.         // 存储事件
    5.         this.events = {};
    6.     }
    8.     // 订阅
    9.     on(type, callback) {
    10.         if (Reflect.has(this.events, type)) {
    11.             this.events[type].push(callback)
    12.         } else {
    13.             this.events[type] = [callback]
    14.         }
    15.     }
    16.     // 删除订阅
    17.     off(type, callback) {
    18.         if (!Reflect.has(this.events, type)) return
    19.         this.events[type] = this.events[type].filter((item) => item !== callback)
    20.     }
    21.     // 只执行一次订阅事件
    22.     once(type, callback) {
    23.         function fn() {
    24.             // 执行一次订阅事件
    25.             callback()
    26.             this.off(type, fn)
    27.         }
    28.         // 注意传入的 callback 是 fn 函数
    29.         this.on(type, fn)
    30.     }
    31.     // 触发
    32.     emit(type, ...rest) {
    33.         this.events[type] && this.events[type].forEach((fn) => fn.apply(this, rest))
    34.     }
    35. }
    37. // 使用如下
    38. let event = new EventEmitter();
    40. let handle = (...rest) => {
    41.   console.log(rest);
    42. };
    44. event.on("click", handle);
    45. // event.emit("click", 1, 2, 3, 4);
    47. // event.off("click", handle);
    48. // event.emit("click", 1, 2);
    50. event.once("dbClick", () => {
    51.   console.log(123456);
    52. });
    53. event.emit("dbClick");
    54. event.emit("dbClick");