观察者模式 与 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

 

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。