(精华)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();