JavaScript-观察者模式(publish/subscribe)
来源:互联网 发布:武田毅雄 知乎 编辑:程序博客网 时间:2024/05/18 01:46
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); return this; }, // 触发事件(发布事件) 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); } } } return this; } }; 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', '我是第二次调用的参数');
运行结果。
0 0
- JavaScript-观察者模式(publish/subscribe)
- 观察者模式 Publish/Subscribe
- [设计模式] 观察者模式(发布-订阅/Publish-subscribe模式)
- 设计模式--观察者模式(Publish/Subscribe Mode)
- 观察者模式(Publish/Subscribe)(C#实现)
- 设计模式之观察者模式(发布-订阅模式publish/Subscribe)
- 观察者模式(Observer Pattern,对象行为型模式,发布-订阅模式 Publish/Subscribe Pattern)
- 订阅发布模式(Subscribe/Publish)
- 订阅发布模式(Subscribe/Publish)
- 订阅模式(publish-subscribe)
- 设计模式初探-观察者模式(OBSERVER)又称发布-订阅(Publish-Subscribe)依赖(Dependents)
- Observer模式 (或称为Publish-Subscribe模式)
- 设计模式---订阅发布模式(Subscribe/Publish)
- 设计模式---订阅发布模式(Subscribe/Publish)
- 观察者模式 /发布-订阅(Publish/Subscribe)/模型-视图(Model/View)/源-监听器(Source/Listener)/从属者(Dependents) 模式
- Publish~Subscribe
- ZeroMQ(java)之Publish/Subscribe模式
- ZeroMQ(java)之Publish/Subscribe模式
- UserDefaults 和 sandbox
- 设计模式学习笔记--桥接模式
- hdu 3750 Guess Game
- android项目之通讯录数据库
- Ugly Number(丑数)系列题 Python解法
- JavaScript-观察者模式(publish/subscribe)
- 挂载u盘
- HDU 1068 Girls and Boys(二分匹配--匈牙利算法)
- 使用友盟来实现第三方的分享,登陆
- 工具栏(JToolBar)
- Dubbo源码分析(十):服务发布
- C++注释符问题
- ZeroMQ 源码阅读
- Ubuntu 下安装 QT 开发环境