美文网首页
【JS基础】订阅发布模式

【JS基础】订阅发布模式

作者: 六毫笙 | 来源:发表于2017-11-03 15:31 被阅读0次

最 新:https://www.zybuluo.com/c-Ku/note/934090

代码示例

// Based on ES5
var login = {};

login.eventList = {};

// 将函数推入数组中保存,待用
login.listen = function(key, fn) {

    if (!this.eventList[key]) {
    
        this.eventList[key] = [];
        
    }
    
    this.eventList[key].push(fn);
    
}
login.trigger = function(key) {

    var fns = this.eventList[key];
    
    if (!fns || fns.length === 0) {
    
        return false;
        
    }
    
    for (var i=0; i<fns.length;i++) {
    
        fns[i]();
        
    }
}

// 订阅
login.listen('loginSuccess', function() {

    console.log('显示用户头像');
    
})

login.listen('loginSuccess', function() {

    console.log('显示消息列表');
    
})

// 发布
login.trigger('loginSuccess');

相关文章

  • 【JS基础】订阅发布模式

    最 新:https://www.zybuluo.com/c-Ku/note/934090 代码示例

  • JS发布-订阅模式

    发布-订阅模式广泛应用于异步编程中,这是一种替代传递回调函数的方案。 现实中的例子: 小明想买房,到了售楼处被告知...

  • js 发布订阅模式

    发布订阅模式:订阅者(Subscriber)把自己想订阅的事件注册(Subscribe)到调度中心(Topic),...

  • 一份头条前端面试准备[整理稿]

    JS打乱数组 JS ajax JS bind 实现 懒加载 JS实现promise JS发布订阅模式 JSONP ...

  • 手写简单的vue双向绑定

    JS:仿vue数据初始化 核心:发布订阅者模式

  • 多异步之间的协作

    《深入浅出 Node.js》阅读随笔 Node.js 的中发布/订阅模式,一般用于解决一次发布对应多次订阅的情况。...

  • JS设计模式--发布/订阅模式

    一、前言 JS语言的执行环境是“单线程”,所以任务是一个一个进行执行,如果任务多就需要排队。如果任务多,浏览器加载...

  • js实现发布订阅模式

    发布订阅模式指的是希望接收通知的对象(Subscriber)基于一个主题通过自定义事件订阅主题,被激活事件的对象(...

  • JS设计模式-发布订阅

    发布订阅 比如一个公众号可以被多个用户同时订阅,当公众号有新增内容时候,只要发布就好了,用户就能接收到最新的内容。...

  • JS实现发布—订阅模式

    发布-订阅模式中存在三种角色,发布者、订阅者,二者彼此不知道对方的存在,需要通过第三者,即消息队列来建立联系。这和...

网友评论

      本文标题:【JS基础】订阅发布模式

      本文链接:https://www.haomeiwen.com/subject/nxmtmxtx.html