《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>