(精华)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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • Java设计模式之命令模式

    继续23种设计模式系列,本文介绍命令模式。

    2022年3月11日
    35
  • Java常用设计模式

    Java常用设计模式一、设计模式概念1、定义​Java包含23种设计模式,是一套对代码设计经验的总结,被人们反复利用,多人熟知的代码设计方式。2、目的​为了提高代码的可读性,可扩展性以及代码的复用性,为了解决在写代码过程中遇到的代码设计问题。3、设计模式的六大原则​3.1开闭原则​对扩展开放,对修改关闭(尽可能对代码少修改)​3.2里氏替换原则​它是面向对象基本原则之一,任何父类(基类)出现的地方,子类都可以出现,也就是子类可以替换父类的任何功能(体现了父类的可扩展性)3.3依赖

    2022年7月8日
    20
  • java prototype是什么,Java设计模式之原型模式(Prototype模式)介绍

    java prototype是什么,Java设计模式之原型模式(Prototype模式)介绍Prototype模式定义:用原型实例指定创建对象的种类,并且通过拷贝这些原型创建新的对象。Prototype模式允许一个对象再创建另外一个可定制的对象,根本无需知道任何如何创建的细节,工作原理是:通过将一个原型对象传给那个要发动创建的对象,这个要发动创建的对象通过请求原型对象拷贝它们自己来实施创建。如何使用原型模式因为Java中的提供clone()方法来实现对象的克隆,所以Prototype模式…

    2025年6月14日
    0
  • Java常见设计模式总结

    Java常见设计模式总结

    2021年10月5日
    32
  • 【APP UI 设计模式】(一)APP UI 设计原则和流程

    【APP UI 设计模式】(一)APP UI 设计原则和流程

    2021年12月3日
    57
  • [设计模式]委派模式「建议收藏」

    github地址:https://github.com/1711680493点我进入github如需了解更多设计模式,请进入我的设计模式专栏委派模式委派模式不是23设计模式中的一种.与策略模式很相似.拥有以下三种角色抽象任务角色 委派者角色 具体任务角色委派模式,就是将任务发给委派者角色,委派者角色去委派具体任务角色委派模式对外隐藏了具体实现,仅将委派者角色暴露给外部委派模式和策略模式不同的是,委派者角色和具体任务角色都要继承/实现抽象任务角色Spring框架很

    2022年4月16日
    39

发表回复

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

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