设计模式之观察者模式
介绍
观察者模式又叫发布订阅模式(Publish/Subscribe),它定义了一种一对多的关系,让多
个观察者对象同时监听某一个主题对象,这个主题对象的状态发生变化时就会通知所有的
观察者对象,使得它们能够自动更新自己。
使用观察者模式的好处:
1. 支持简单的广播通信,自动通知所有已经订阅过的对象。
2. 页面载入后目标对象很容易与观察者存在一种动态关联,增加了灵活性。
3. 目标对象与观察者之间的抽象耦合关系能够单独扩展以及重用。
正文(版本一)
JS 里对观察者模式的实现是通过回调来实现的,我们来先定义一个 pubsub 对象,其内部
包含了 3 个方法:订阅、退订、发布。
var pubsub = {};
(function (q) {
var topics = {}, // 回调函数存放的数组
subUid = -1;
// 发布方法
q.publish = function (topic, args) {
if (!topics[topic]) {
return false;
}
setTimeout(function () {
var subscribers = topics[topic],
len = subscribers ? subscribers.length : 0;
while (len--) {
subscribers[len].func(topic, args);
}
}, 0);
return true;
};