JavaScript-观察者模式(publish/subscribe)
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了JavaScript-观察者模式(publish/subscribe),小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1709字,纯文字阅读大概需要3分钟。
内容图文
JavaScript-观察者模式(publish/subscribe)
观察者模式又叫做发布订阅模式,它定义了一种一对多的关系,让多个观察者对象同时监听某一个主题对象,这个主题对象的状态发生改变时就会通知所有观察着对象。它是由两类对象组成,主题和观察者,主题负责发布事件,同时观察者通过订阅这些事件来观察该主体,发布者和订阅者是完全解耦的,彼此不知道对方的存在,两者仅仅共享一个自定义事件的名称。
在Nodejs中通过EventEmitter
实现了原生的对于这一模式的支持。在JavaScript中事件监听机制就可以理解为一种观察者模式。
下面给出一个JS自定义的PubSub,仔细阅读下面这段代码有助于你理解观察者模式。相关代码请查看github。
function
PubSub
() {
this.handlers = {};
}
PubSub.prototype = {
// 订阅事件
on: function(eventType, handler){var self = this;
if(!(eventType in self.handlers)) {
self.handlers[eventType] = [];
}
self.handlers[eventType].push(handler);
returnthis;
},
// 触发事件(发布事件)
emit: function(eventType){var self = this;
var handlerArgs = Array.prototype.slice.call(arguments,1);
for(var i = 0; i < self.handlers[eventType].length; i++) {
self.handlers[eventType][i].apply(self,handlerArgs);
}
return self;
},
// 删除订阅事件
off: function(eventType, handler){var currentEvent = this.handlers[eventType];
var len = 0;
if (currentEvent) {
len = currentEvent.length;
for (var i = len - 1; i >= 0; i--){
if (currentEvent[i] === handler){
currentEvent.splice(i, 1);
}
}
}
returnthis;
}
};
var pubsub = new PubSub();
var callback = function(data){
console.log(data);
};
//订阅事件A
pubsub.on(‘A‘, function(data){
console.log(1 + data);
});
pubsub.on(‘A‘, function(data){
console.log(2 + data);
});
pubsub.on(‘A‘, callback);
//触发事件A
pubsub.emit(‘A‘, ‘我是参数‘);
//删除事件A的订阅源callback
pubsub.off(‘A‘, callback);
pubsub.emit(‘A‘, ‘我是第二次调用的参数‘);
运行结果。
原文:http://blog.csdn.net/qiqingjin/article/details/51345542
内容总结
以上是互联网集市为您收集整理的JavaScript-观察者模式(publish/subscribe)全部内容,希望文章能够帮你解决JavaScript-观察者模式(publish/subscribe)所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。