观察者模式 与 jQuery.Callbacks
观察者模式
百度百科中解释:是软件设计模式的一种。在此种模式中,一个目标物件管理所有相依于它的观察者物件,并且在它本身的状态改变时主动发出通知。这通常透过呼叫各观察者所提供的方法来实现。此种模式通常被用来实现事件处理系统。
两要素:被观察者(一个)、观察者(多个)
干了什么:被观察者发生了某种变化,通知观察者,观察者进行各自的处理
JS简单模拟:
//观察者接口 var ISubscriber = function(){ var subName = arguments[0]; return function(){ console.log("我是"+subName,"我收到了"+arguments[0]); } }; //两个具体的观察者 var XM = ISubscriber("小明"); var XA = ISubscriber("小暗"); //被观察者 var Pub_sub = function(){ //注册容器 var subList = []; //操作方法 var pub = { //注册观察者 add:function(){ subList.push(arguments[0]); }, //取消注册观察者 remove:function(){ for(var i=0;i<subList.length;i++){ if(arguments[0] == subList[i]){ subList.splice(i,1); i--; } } }, //向注册了的观察者发送通知 send:function(){ for(var i=0;i<subList.length;i++){ (subList[i])(arguments[0]); } if(i == 0){console.log("我是小明和小暗他爹,他们都失联了")} console.log("--------------------------") } }; return pub; }; var Publisher = Pub_sub();
//注册两个不同的观察者 Publisher.add(XM); Publisher.add(XA); Publisher.send("第一条消息"); //取消注册其中一个观察者 Publisher.remove(XM); Publisher.send("第二条消息"); //把上步取消注册的观察者又添加回来 Publisher.add(XM); Publisher.send("第三条消息"); //取消注册另一个观察者 Publisher.remove(XA); Publisher.send("第四条消息"); //注册一个已存在的观察者 Publisher.add(XM); Publisher.send("第五条消息"); //取消注册两个相同的观察者 Publisher.remove(XM); Publisher.send("第六条消息");
jQuery.Callbacks
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。