eventBus实现原理

// 组件通信，一个触发与监听的过程
class EventEmitter {
constructor() {
    // 存储事件
    this.events = this.events || new Map();
}
// 监听事件
addListener(type, fn) {
    if (!this.events.get(type)) {
    this.events.set(type, fn);
    }
}
// 触发事件
emit(type) {
    let handle = this.events.get(type);
    if (!handle) {
    return;
    }
    handle.apply(this, [...arguments].slice(1));
}
}
// 测试
let emitter = new EventEmitter();
// 监听事件
emitter.addListener("ages", (age) => {
console.log(age);
});
// 触发事件
emitter.emit("ages", 18); // 18
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29