在javascript中，eventBus实现原理

亮学长

已于 2023-11-22 13:29:14 修改

阅读量224

点赞数

分类专栏： JS相关文章文章标签： javascript 前端开发语言

于 2022-08-30 09:09:52 首次发布

本文链接：https://blog.csdn.net/formylovetm/article/details/126596675

版权

JS相关文章专栏收录该内容

64 篇文章 1 订阅

订阅专栏

// 组件通信，一个触发与监听的过程
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