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

//发布订阅对象
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();

  

 

  
1
  
2
  
3
  
4
  
5
  
6
  
7
  
8
  
9
  
10
  
11
  
12
  
13
  
14
  
15
  
16
  
17
  
18
  
19
  
20
  
21
  
22
  
23
  
24
  
25
  
26
  
27
  
28
  
29
  
30
  
31
  
32
  
33
  
34
  
35
  
36
  
37
  
38
  
39
  
40
  
41
  
42
  
43
  
44
  
45
  
46
  
47
  
48
  
49
  
50
  
51
  
52
  
53
  
54
  
55
  
56
  
57
 

文章来源: codeboy.blog.csdn.net，作者：愚公搬代码，版权归原作者所有，如需转载，请联系作者。

原文链接：codeboy.blog.csdn.net/article/details/106991505