AJAX驱动的单页应用-Pub/Sub
浏览数：24 /
时间：2015年06月09日
有三样东西对AJAX驱动的单页应用很关键：时间委托、历史管理和通信模式（Pub/Sub）。
首先让我们介绍一下Pub/Sub是个什么东西。我们可以把这个东西叫做广播，大概的意思就是当你发布了一个东西，那么其他的人就都能收到了。你可以想一下，一般说来在单页应用中，是高度模块化。那么就会涉及到一个通信的问题，按照以往的方式，我们会声明一个特定的对象，这个对象是专门用来作为模块之间的通信的。在使用了Pub/Sub之后，模块之间的通信就会是直接的通信，这样就能使结构变得清晰。
PS：这种机制在angularjs中是集成的，angularjs中功能更全。
下面的代码可以直接集成到自己的项目中，也可以稍加改造：
var events = (function(){
var topics = {};
return {
// 接收
subscribe: function(topic, listener) {
// 首先从要接收的地方获取标示，在topics中生成队列
if(!topics[topic]) topics[topic] = { queue: [] };
// 将监听器放到队列中
var index = topics[topic].queue.push(listener) -1;
// 提供一个用于移除的函数
return {
remove: function() {
delete topics[topic].queue[index];
}
};
},
// 推送
publish: function(topic, info) {
// 如果没有要接收的地方，那么就不用推送了
if(!topics[topic] || !topics[topic].queue.length) return;
// 挨个执行接收函数，如果没有要传的信息，那么就传一个空对象
var items = topics[topic].queue;
items.forEach(function(item) {
item(info || {});
});
}
};
})();
当要推送一个消息的时候：
events.publish(‘/page/load‘, {
url: ‘/some/url/path‘ // 发送的信息
});
第一个参数是标示，也可以说是订阅号。
接收的方式是这样的：
var subscription = events.subscribe(‘/page/load‘, function(obj) {
// 处理获得的信息
});
// 也可以使用remove来取消接收
subscription.remove();
根据标示来监听数据
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
