(精华)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)
上一篇 2022年8月20日 上午11:00
下一篇 2022年8月20日 上午11:16


相关推荐

  • 【Java设计模式】——工厂模式

    【Java设计模式】——工厂模式在 Java 应用程序中对象无处不在 这些对象都需要进行创建 如果创建的时候直接 new 对象 那么如果我们要更换对象 所有 new 对象的地方都需要进行更改 违背了软件设计原则中的开闭原则 如果我们使用工厂生产对象 只需要在工厂中关注对象的改变即可 达到了与对象解耦的目的 工厂模式最大的特点就是解耦合 本文将介绍工厂模式的四种实现方式

    2026年1月14日
    2
  • 常用设计模式总结

    常用设计模式总结设计模式(Designpattern)是一套被反复使用、多数人知晓的、经过分类编目的、代码设计经验的总结,是可复用面向对象软件的基础。使用设计模式是为了可重用代码、让代码更容易被他人理解、保证代码可靠性。毫无疑问,设计模式于己于他人于系统都是多赢的,设计模式使代码编制真正工程化,设计模式是软件工程的基石,如同大厦的一块块砖石一样。项目中合理的运用设计模式可以完美的解决很多问题,每种模式在现在中…

    2022年7月16日
    17
  • Java设计模式之状态模式

    本文属于”23种设计模式”系列,介绍状态模式。

    2022年3月11日
    49
  • 从零开始的Android:常见的UI设计模式「建议收藏」

    从零开始的Android:常见的UI设计模式「建议收藏」尽管Android允许您创建几乎任何可能需要的自定义视图或用户界面,但事实证明,在正确的情况下,有一些用户界面模式可以很好地适用于用户。在本教程中,您将学习其中的一些模式,以及它们如何通过在使用应用程序时创造出色的体验来帮助用户。1.主画面用户在打开应用程序时看到的第一个屏幕通常是最重要的。从这里开始,您的用户应该能够执行快速动作并继续前进,或者进一步深入到您的应用中以完善他们…

    2022年6月21日
    30
  • mvc的各个部分都有哪些技术实现_计算机植入木马程序

    mvc的各个部分都有哪些技术实现_计算机植入木马程序MVC三个基本部分:模型(Model)、视图(View)和控制器(Controller)Model:负责业务对象与数据库的映射(ORM)View:负责与用户的交互Controller:接受用户的输入调用模型和视图完成用户的请求MVTDjango框架的MTV设计模式借鉴了MVC框架的思想,三部分为:Model、Template和ViewModel(模型):负责业务对象与数据库的对象(…

    2025年6月12日
    7
  • 《JavaScript 模式》读书笔记(7)— 设计模式3「建议收藏」

    这一篇,我们学习本篇中最为复杂的三个设计模式,代理模式、中介者模式以及观察者模式。这三个模式很重要!!七、代理模式在代理设计模式中,一个对象充当另一个对象的接口。它与外观模式的区别之处在于,外观模

    2022年3月25日
    51

发表回复

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

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