《JS设计模式笔记》 3,观察者模式

　　

<script type="text/javascript">
    //挂插着模式又叫发布订阅模式应该是最常用的模式

    //1,dom事件就是观察者模式,只要订阅了click事件，当点击div的时候，function click就会触发。
    div.onclick=function click() {
        alert("click");
    }
     
     //2 
     loadImage(imgAry,function(){
         Map.init();
         Gamer.init();
     });
     loadImage(imgAry,function(){
         Map.init();
         Gamer.init();
         Sound.Init();
     });

     loadImage.listen("ready",function(){
         Map.init();
     });
     loadImage.listen("ready",function(){
         Gamer.init();
     });
     loadImage.listen("ready",function(){
         Sound.init();
     });
     //3,
     Events=function(){
         var listen,log,obj,one,remove,trigger,__this;
         obj={};
         __this=this;
         listen=function(key,eventfn){
             var stack,_ref;
             stack=(_ref=obj[key])!=null?_ref:obj[key]=[];
             return stack.push(eventfn);
         };
         one=function(key,eventfn){
             remove(key);
             return listen(key,eventfn);
         };
         remove=function(key){
             var _ref;
             return (_ref==obj[key])!=null?_ref.length=0:void 0;
         };
         trigger=function(){
             var fn,stack,_i,_len,_ref,key;
             key=Array.prototype.shift.call(arguments);
             stack=(_ref=obj[key])!=null?_ref:obj[key]=[];
             for(_i=0,_len=stack.length;_i<_len;_i++){
                 return false;
             }
         };
         return{
             listen:listen,
             one:one,
             remove:remove,
             trigger:trigger
         };
     };

     var adultTV=Events();
     adultTV.listen("play",function(data){
         alert("今天XXXXX"+data.name);
     });
     adultTV.trigger("play",{"name":"XX"});
     </script>