(精华)2020年6月28日 JavaScript高级篇设计模式-发布订阅模式

大家好，又见面了，我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE使用 1年只要46元售后保障童叟无欺

//发布订阅对象
var eventObj = { 
   
    //缓存列表，存放订阅者的信息
    list:{ 
   },
    //添加订阅
    listen:function(key,fn){ 
   
        if(!this.list[key]){ 
   
            this.list[key] = [];
        }
       typeof fn==='function' &&  this.list[key].push(fn);
    },
    // 发布信息
    trigger:function(){ 
   

        // 取出颜色 color
        // var key = [].shift.call(arguments);
        var key = Array.prototype.shift.call(arguments);
        // var key = Array.from(arguments).shift();
        
        var fns = this.list[key];
        for(var i=0,len=fns.length;i<len;i++) { 
   
            var fn = fns[i];
            // fn();
            fn.apply(this,arguments);
        }
    },
     //取消订阅
    removeListen(key,fn){ 
   
        var fns = this.list[key];
        //不存在的订阅类型，以及订阅未传入处理回调
        if(!fns) { 
   
            return;
        }
        if(typeof fn==='undefined'){ 
   
            return;
        }
        var sindex = fns.indexOf(fn);
        fns.splice(sindex,1);
    }
}
var ajaxObj =  Object.create(eventObj);
 ajaxObj.listen('success',function(data){ 
   
     console.log(data);
 })

 function getData(){ 
   
     xmlAjax({ 
   
             method:'post',
             url:'http://localhost:3000/api/GetUser',
             done:function(data){ 
     
                 ajaxObj.trigger('success',{ 
   
                     fromData1:data
                 });
             }
     });
 }
 getData();