42 lines
976 B
JavaScript
42 lines
976 B
JavaScript
|
class SimplePubSub {
|
||
|
events = [];
|
||
|
subscribe(event, listener) {
|
||
|
this.events.push({ event, listener });
|
||
|
}
|
||
|
|
||
|
unsubscribe(event, listener) {
|
||
|
this.events = this.events.filter(item => item.event !== event || item.listener !== listener); ;
|
||
|
}
|
||
|
publish(event, data) {
|
||
|
this.events.forEach(item => {
|
||
|
if (item.event === event) {
|
||
|
item.listener(data);
|
||
|
}
|
||
|
});
|
||
|
}
|
||
|
}
|
||
|
|
||
|
// 创建 PubSub 实例
|
||
|
const pubSub = new SimplePubSub();
|
||
|
|
||
|
// 定义订阅者
|
||
|
const subscriber1 = (data) => {
|
||
|
console.log(`Subscriber 1 received: ${data}`);
|
||
|
};
|
||
|
|
||
|
const subscriber2 = (data) => {
|
||
|
console.log(`Subscriber 2 received: ${data}`);
|
||
|
};
|
||
|
|
||
|
// 订阅事件
|
||
|
pubSub.subscribe('event1', subscriber1);
|
||
|
pubSub.subscribe('event1', subscriber2);
|
||
|
|
||
|
// 发布事件
|
||
|
pubSub.publish('event1', 'Hello, World!');
|
||
|
|
||
|
// 取消订阅
|
||
|
pubSub.unsubscribe('event1', subscriber1);
|
||
|
|
||
|
// 发布事件
|
||
|
pubSub.publish('event1', 'Hello again!');
|