javascript设计模式学习之八_发布订阅（观察者）模式

    var events=(function(){
        var clientList={};
        var listen=function(key,fn){
            if(!clientList[key]){
                clientList[key]=[];
            }
            clientList[key].push(fn);
        };
        var trigger=function(){
            var key=[].shift.apply(arguments);
            var fns=clientList[key];
            if(!fns||fns.length==0){
                return false;
            }
            for(var i=0;i<fns.length;i++){
                fns[i].apply(this,arguments);
            }
        };
        var remove=function(key,fn){
            var fns=clientList[key];
            if(!fns){
                return false;
            }
            if(!fn){
                fns.length=0;
                return;
            }
            for(var i=0;i<fns.length;i++){
                if(fn===fns[i]){
                    fns.splice(i,1);
                }
            }
        };
        return{
            listen:listen,
            trigger:trigger,
            remove:remove,
    };
    })();
    
    var installEvent=function(obj){
        for(var i in events){
            obj[i]=events[i];
        }
    };//该函数可以给所有对象添加动态发布功能

    //现在需要实现网上商城，网站有header头部，nav导航，消息列表，购物车等，
    //这些模块有一个共同的特征,需要ajax获取到用户信息之后才能进行渲染，如header显示用户头像等等
    
    
    //1,实现login对象，作为发布者
    var login={};
    installEvent(login);
    $.ajax('http://www.bobo.com',function(data){
        login.trigger('loginSucc',data);
    });
    
    //各个模块监听登陆成功的消息
    var header=(function(){
        login.listen('loginSucc',function(data){
            header.setAvatar();
        });//监听登陆成功时间
        return {
            setAvatar:function(data){
                    console.log('设置header模块');
            }
        };
    })();
    var nav=(function(){
        login.listen('loginSucc',function(data){
            nav.setAvatar();
        });
        return {
            setAvatar:function(data){
                console.log('设置nav模块');
            }
        };
    }();