JS设计模式初识(五)-发布订阅模式

待我称王封你为后i 2022-10-01 11:44 136阅读 0赞

### 定义 ###

发布订阅模式又称观察者模式

// 发布订阅模式
        const eventSubscribe = (function() {
            const eventSet = {};
            return {
                // 获取订阅列表
                getEventList: () => Object.keys(eventSet),
                // 获得某个key的callbacklist
                getCallbacks: (key) => eventSet[key],
                // 订阅
                subscribe: (key, ...callbacks) => {
                    if (!eventSet[key]) {
                        eventSet[key] = [];
                    }
                    eventSet[key].push(...callbacks);
                },
                // 发布函数
                publish: (key, ...args) => {
                    const callbacks = this.getCallbacks(key);
                    if(callbacks && callback.length === 0) {
                        return false;
                    }
                    for (const callback of callbacks) {
                        callback.apply(this, args);
                    }
                },
                // 删除订阅
                remove: (key, callback) => {
                    const callbacks = this.getCallbacks(key);
                    if (callbacks && callbacks.length === 0) {
                        return false; 
                    }
                    if (!callback) { // 无callback ,取消key的所有回调
                        callbacks && (callbacks.length = 0);
                    }
                    callbacks = callbacks.filter((item) => item !== callback);
                    return true;
                }
        
            };
        })();
    复制代码

转载于:https://juejin.im/post/5cfe8339e51d45106172109d

发表评论取消回复

表情：

评论列表（有 0 条评论，136人围观）

还没有评论，来说两句吧...

相关阅读

相关设计模式初识——代理模式

一概述由于某些原因需要给某对象提供一个代理以控制该对象的访问，这时，访问对象不适合或者不能直接引用目标对象，代理对象作为访问对象和目标对象之间的中介。二代理模

深碍√TFBOYSˉ_/ 2022年12月13日 01:52/ 0 赞/ 105 阅读

相关 JS设计模式:发布订阅模式

发布订阅模式 // 发布订阅模式 // 灵感来源于 DOM2级事件绑定 // 可以给元素的事件行为，绑定多个不同的方法[事件池机制] //

落日映苍穹つ/ 2022年11月06日 12:50/ 0 赞/ 159 阅读

相关 JS设计模式初识(五)-发布订阅模式

定义发布订阅模式又称观察者模式 // 发布订阅模式 const eventSubscribe = (function() {

待我称王封你为后i/ 2022年10月01日 11:44/ 0 赞/ 137 阅读

相关 JS设计模式初识(二)-策略模式

一、定义策略模式的定义是:定义一系列的算法，把它们一个个封装起来，并且使它们可以相互替换。俗话说，条条大路通罗马。在程序设计中，我们也常常遇到类似的情况，要实现某一个功

分手后的思念是犯贱/ 2022年10月01日 08:47/ 0 赞/ 134 阅读

相关 JS篇(037)-发布订阅设计模式

参考答案：发布—订阅模式又叫观察者模式，它定义对象间的一种一对多的依赖关系，当一个对象的状态发生改变时，所有依赖于它的对象都将得到通知。在JavaScript开发中，我们一

墨蓝/ 2022年09月11日 09:21/ 0 赞/ 140 阅读

相关发布订阅设计模式

> 发布订阅设计模式在程序中经常涉及，例如 Vue 中的 `$on` 和 `$off`、`document.addEventListener()`、`document.remo

Love The Way You Lie/ 2022年09月03日 13:22/ 0 赞/ 188 阅读

相关设计模式初识

首先声明的是我对设计模式了解比较少，也才是刚刚接触，还有很多不懂的地方，这里写blog只是为了记录下看c++编程思想中的设计模式这一章，以便后续查看。设计模式是国外4人合编

约定不等于承诺〃/ 2022年08月06日 12:20/ 0 赞/ 109 阅读

相关【设计模式】初识

<table> <tbody> <tr> <td>从何而来？</td> </tr> </tbody> </table> 说到模式，我就有一种专业

曾经终败给现在/ 2022年05月27日 12:11/ 0 赞/ 175 阅读

相关【JavaScript】设计模式-发布订阅模式

var Observer = (function() { var _message = {} return { //将订阅者注册

曾经终败给现在/ 2022年04月23日 21:48/ 0 赞/ 145 阅读

相关 js经典设计模式--发布订阅模式

什么是发布-订阅模式发布—订阅模式又叫观察者模式，它定义对象间的一种一对多的依赖关系，当一个对象的状态发生改变时，所有依赖于它的对象都将得到通知。举个例子

客官°小女子只卖身不卖艺/ 2021年10月24日 00:20/ 0 赞/ 301 阅读