JS设计模式之观察者模式(发布订阅者模式)

本文介绍了发布订阅模式,它是消息传递的一种解耦方式,发布者通过调度中心向感兴趣的订阅者推送消息。文章详细讲解了中心调度器的设计和操作,以及在面包屑案例中的应用,展示了如何通过发布/订阅机制实现动态事件处理。

接上文观察者模式,我们在原先观察者模式的基础上增加了一个环节:

发布订阅模式(Publish-Subscribe Pattern)是一种消息范式,用于实现消息的发布者和订阅者之间的解耦。在这种模式中,消息的发送者(发布者)不会将消息直接发送给特定的接收者(订阅者),而是将发布的消息分为不同的类别。订阅者可以表达对一个或多个类别的兴趣,只接收感兴趣的消息,而无需了解哪些发布者存在。

根据上文和图片对于观察者模式,我们可以看到观察者是被add方法添加到主体中去的,但是在发布订阅者模式中,对观察者模式进行了解耦,发布者(Publisher)发布消息给调度中心(Event Channel),根据不同的类型(例如:click,mouseover等)触发对应的订阅者(Subscriber)此时我们可以看到这种情况下,就可以解决对事件通知进行细分管控,如筛选通知,指定主题事件通知。

根据上述的思想,我们来看以下代码:

PubSub是一个中心调度,在这个对象里面,我们定义了一个list,用来作为有几个观察者的容器,我们的发布者通过publish()方法来实现发布消息,发布者通过subscribe()方法来实现在中心调度器中,添加观察者

根据上图代码我们可以看到发布中通过中心调度器中的subscribe方法将

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值