发布订阅模式是观察者模式的一种进阶吧(个人看法),他定义对象间的一种一对多的依赖关系,当一个对象的状态发生改变时,所有依赖于它的对象都将得到通知。在JavaScript开发中,我们一般用事件模型来替代传统的发布订阅模式。
观察者模式(Observer pattern)
发布订阅模式(Publish–subscribe pattern)
观察者模式 观察者 => 被观察者(s)
发布订阅模式 发布者(s) => 调度中心 => 订阅者(s)
观察者模式 观察者与被观察者松耦合
发布订阅模式 发布者与订阅者不存在耦合关系 关系都在调度中心
1.发布-订阅模式的作用
现实中发布-订阅模式应用非常广泛,例子:小明最近看上一个房子,到了售楼部被告知暂时没了。好在售楼部告诉小明,不久后就有房了,至于什么时候有也没人知道,所以让小明把电话留在售楼部,新楼盘一推出,就会给小明发消息通知小明,和其他再次登记的人;在这里,其实就是一个典型的 发布-订阅模式,小明,小红等购买者都是订阅者,他们订阅房子开售的消息。售楼部作为发布者,会在合适的时候遍历花名册的电话号码,依次给购房者发布消息。优点:
订阅者不需要实时监听发布者的变化,在合适的时候,发布者会通知订阅者。
- 订阅者和发布者不再强耦合在一起,当有新的订阅者出现时,只需要在发布者那里进行挂载。发布者不关心订阅者会执行什么事情,对发布者也毫无影响,而发布者的任何变动也不会影响订阅者,当然发布者直接消失除外。
2.DOM事件
其实每个dom事件都算是个发布订阅模式;发布者是什么事件,订阅是当前事件对应的函数,代码就不放了;例: click change .......3.自定义事件
发布 - 订阅模式实现步骤
首先指定一个发布者。
给发布者一个缓存队列,用于存放回调函数,已通知订阅者。
发布消息,遍历缓存队列,依次触发里面订阅者的回调函数。
var salesOffices = {}; //定义售楼部 salesOffices.clientList = []; //缓存队列,存放订阅者的回调函数。 salesOffices.listen = function(fn){ //添加订阅者 this.clientList.push(fn); }salesOffices.trigger = function(){
for(var i = 0,fun; fun = this.clientList[i++];){
fun.apply(this.argum