# JavaScript如何实现发布订阅EventEmitter
## 什么是发布订阅模式？
发布订阅模式（Pub/Sub）是一种消息通信范式，允许组件间通过事件进行松耦合通信。发布者（Publisher）触发事件，订阅者（Subscriber）监听事件并执行回调，两者无需直接交互。
## 实现基础EventEmitter
以下是一个简化版EventEmitter实现：
```javascript
class EventEmitter {
constructor() {
this.events = {};
}
// 订阅事件
on(eventName, callback) {
if (!this.events[eventName]) {
this.events[eventName] = [];
}
this.events[eventName].push(callback);
}
// 发布事件
emit(eventName, ...args) {
const callbacks = this.events[eventName];
if (callbacks) {
callbacks.forEach(cb => cb(...args));
}
}
// 取消订阅
off(eventName, callback) {
const callbacks = this.events[eventName];
if (callbacks) {
this.events[eventName] = callbacks.filter(cb => cb !== callback);
}
}
}
events对象以{ 事件名: [回调函数数组] }格式存储订阅关系on()将回调函数注册到对应事件队列emit()触发事件时同步执行所有订阅回调off()从事件队列中移除特定回调通过约50行代码即可实现核心功能，体现了JavaScript基于原型的事件系统灵活性。 “`
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@yisu.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。
