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
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
| class EventBus {
constructor() {
this.events = {}; // 存储事件和对应的回调函数列表 eventKey - Array<callback>
}
// 订阅事件
on(eventName, callback) {
if (!this.events[eventName]) {
this.events[eventName] = [];
}
this.events[eventName].push(callback);
}
// 发布事件
emit(eventName, data) {
if (this.events[eventName]) {
this.events[eventName].forEach(callback => {
callback(data);
});
}
}
// 取消订阅
off(eventName, callback) {
if (this.events[eventName]) {
this.events[eventName] = this.events[eventName].filter(
cb => cb !== callback
);
}
}
// 只订阅一次
once(eventName, callback) {
const wrapper = (data) => {
callback(data);
this.off(eventName, wrapper);
};
this.on(eventName, wrapper);
}
}
// 使用示例
const bus = new EventBus();
// 订阅事件
bus.on('sayHello', (data) => {
console.log('Hello, ' + data.name);
});
// 发布事件
bus.emit('sayHello', { name: 'Alice' }); // 输出: Hello, Alice
// 取消订阅
const handler = (data) => console.log('Goodbye, ' + data.name);
bus.on('sayGoodbye', handler);
bus.emit('sayGoodbye', { name: 'Bob' }); // 输出: Goodbye, Bob
bus.off('sayGoodbye', handler);
bus.emit('sayGoodbye', { name: 'Bob' }); // 无输出
// 只订阅一次
bus.once('greet', (data) => console.log('Greetings, ' + data.name));
bus.emit('greet', { name: 'Charlie' }); // 输出: Greetings, Charlie
bus.emit('greet', { name: 'Charlie' }); // 无输出
|