Error message here!

Hide Error message here!

忘记密码?

Error message here!

请输入正确邮箱

Hide Error message here!

密码丢失?请输入您的电子邮件地址。您将收到一个重设密码链接。

Error message here!

返回登录

Close

【js基础】js实现订阅者-发布者模式

想做一只快乐的修狗 2022-08-06 10:14:29 阅读数:3 评论数:0 点赞数:0 收藏数:0

1. 订阅者-发布者模式

在这里插入图片描述
发布订阅模式: 订阅者(Subscriber)把自己想订阅的事件注册(Subscribe)到调度中心(Topic),当发布者(Publisher)发布该事件(Publish topic)到调度中心,也就是该事件触发时,由调度中心统一调度(FireEvent)订阅者注册到调度中心的处理代码。

在这里插入图片描述

2. 代码

// 邮局
let e = {

// 存储订阅者
_callback: [],
on(callback) {

this._callback.push(callback);
},
// 发布
emit(value) {

this._callback.forEach(on_callback => {

on_callback(value);
})
}
}
// 订阅
e.on(function(value) {

console.log('zs订阅了报纸!');
})
// 订阅
e.on(function(value) {

console.log('ls订阅了报纸!');
})
// 订阅
e.on(function(value) {

console.log('zw订阅了报纸!');
})
// 订阅
e.on(function(value) {

console.log('ls订阅了报纸!');
})
e.emit('人民日报!');

3.参考

2.观察者和发布订阅者模式

版权声明
本文为[想做一只快乐的修狗]所创,转载请带上原文链接,感谢
https://blog.csdn.net/weixin_44109827/article/details/126169375

支付宝红包,每日可领(支付宝免费1-2元支付红包)