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

(精华)2020年6月28日 JavaScript高级篇 设计模式-发布订阅模式//发布订阅对象vareventObj={//缓存列表,存放订阅者的信息list:{},//添加订阅listen:function(key,fn){if(!this.list[key]){this.list[key]=[];}typeoffn===’function’&&this.list[key].push(fn);},//发布信息

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新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();
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/171335.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 装饰设计模式

    装饰设计模式就是对已有的对象的功能进行增强简单小例子:我们考虑一下使用继承也可以对父类中的功能进行增强只需要调用super就可以调用父类的方法,那使用装饰和继承有什么区别?使用继承体系就会有点臃肿

    2021年12月22日
    50
  • C++ 23种设计模式(6)-适配器模式

    C++ 23种设计模式(6)-适配器模式适配器模式将一个类的接口转换成客户希望的另外一个接口,使得原本由于接口不兼容而不能一起工作的那些类可以一起工作。它包括类适配器和对象适配器,本文针对的是对象适配器。举个例子,在STL中就用到了适配器模式。STL实现了一种数据结构,称为双端队列(deque),支持前后两段的插入与删除。STL实现栈和队列时,没有从头开始定义它们,而是直接使用双端队列实现的。这里双端队列就扮演了适配器的角色。队列用到了它的后端插入,前端删除。而栈用到了它的后端插入,后端删除。假设栈和队列都是一种顺序容器,有两种操作:压入和弹出。

    2022年7月25日
    13
  • Java设计模式之结构型:享元模式

    Java设计模式之结构型:享元模式

    2021年10月4日
    45
  • 十七、访问者模式-访问数据结构并处理数据 #和设计模式一起旅行#「建议收藏」

    看过千山万水,依旧走不出自己的内心世界!故事背景Vistor : 访客,参观者,访问,本篇就讲讲Vistor模式,也就访问模式!有时候在软件开发中,我们会在一个数据结构中存放许多不同类型的对象信息,而且对每一个对象的处理方式并不相同,就存在数据结构对象内容的存放和数据的处理如何进行合理的设计! 如果将数据的处理和数据结构存放在一起,那么如果要新增一些对象信息的话,就需要修改…

    2022年2月27日
    35
  • 十六、状态模式—用类表示状态 #和设计模式一起旅行#

    人有悲欢离合,月有阴晴圆缺!故事背景白天、黑夜是不同的状态,水蒸气、冰是水不同的状态,大千的世界,不同的各种东西会有很多种状态,本篇要介绍的就是 “用类来表示状态”,用类表示状态后,我们就可以切换类来方便地改变对象的状态。故事主角状态模式:允许一个对象在其内部状态改变时改变它的行为,对象看起来似乎修改了它的类。在状态模式结构中包括几个角色: – Conte…

    2022年2月27日
    37
  • 十三、外观模式—— 简化接口 #和设计模式一起旅行#

    我不想成为上帝或英雄,只想成为一棵树,为岁月而生长,不伤害任何人。 ——米沃什故事背景在英国体验了康桥的魅力,我挥一挥衣袖,不带走一片云彩,但是 英国的天空没有留下我的痕迹,但我曾去过。哈哈!从英国到法国,在浪漫的巴黎,我和设计模式MM感受到这个城市别样的风景,很是吸引人,我们决定在这里待一段时间在走。于是去政府部门办理一些手续,本来以为会花费很多时间的,因为之前办…

    2022年2月27日
    44

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号