pubsub机制_实现一个单例模式

pubsub机制_实现一个单例模式PubSub是一种设计模式,中文叫发布订阅模式,简单来说就是消息发布者不直接向订阅者发布消息,而是发布到中介,而中介根据不同主题对消息进行过滤,并通知对该主题感兴趣的订阅者。该模式在前端现在很火的组件化开发十分常用,因为该模式松耦合,易于扩展的优点正式组件化开发所需要的。一个PubSub模型主要方法有3个,订阅,退订,发布,下面尝试在前端实现一个最简单的PubSub模块。varPub

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全家桶1年46,售后保障稳定

PubSub是一种设计模式,中文叫发布订阅模式,简单来说就是消息发布者不直接向订阅者发布消息,而是发布到中介,而中介根据不同主题对消息进行过滤,并通知对该主题感兴趣的订阅者。该模式在前端现在很火的组件化开发十分常用,因为该模式松耦合,易于扩展的优点正式组件化开发所需要的。

一个PubSub模型主要方法有3个,订阅,退订,发布,下面尝试在前端实现一个最简单的PubSub模块。

var PubSub = {};
// 用于储存事件队列
var queue = {};

// 订阅接口
PubSub.on = function(event, cb) {
  if (!queue[event]) {
    queue[event] = [];
  }
  queue[event].push(cb);
};

// 退订接口
PubSub.off = function(event, cb) {
  var currentEvent = queue[event];
  var len = 0;
  if (currentEvent) {
    len = currentEvent.length;
    for (var i = len - 1; i >= 0; i--) {
      if (currentEvent[i] === cb) {
        currentEvent.splice(i, 1);
      }
    }
  }
};

// 发布接口
PubSub.emit = function(event) {
  var currentEvent = queue[event];
  if (currentEvent) {
    for (var i = 0; i < currentEvent.length; i++) {
      currentEvent[i]();
    }
  }
};

Jetbrains全家桶1年46,售后保障稳定

使用:

// 订阅 var callbackA = function () { console.log('event a happened') }; PubSub.on('a', callbackA); PubSub.on('b', function() { console.log('event b happened') }); // 退订 , 第二个参赛传入回调函数的引用 PubSub.off('a', callbackA); // 发布 PubSub.emit('a'); PubSub.emit('b'); 

当然,重复发明轮子的事情还是不要做了,前端目前已经有比较成熟的PubSub库,其中用的最多的应该 eventemitter2 ,感兴趣的同学可以去了解下。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/219124.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • Jave2-Java音频视频编码器

    Jave2-Java音频视频编码器文章目录Jave2-Java音频视频编码器Jave2是什么Installation and requirementsJave2 怎么玩支持的操作系统+要求支持 Maven/Gradle实战演练将arm文件转为mp3文件使用监听器监听转换进度-高级一点的用法问题收集Jave2 总结Jave2是什么JAVE2(Java音频视频编码器)库是ffmpeg项目上的Java包装器。 开发人员可以利用JAVE2将音频和视频文件从一种格式转码为另一种格式。 在示例中,您可以将AVI

  • Java安全之Weblogic 2016-0638分析

    Java安全之Weblogic2016-0638分析文章首发先知:Java安全之Weblogic2016-0638分析0x00前言续上篇文的初探weblogic的T3协议漏洞,再谈CVE-

    2021年12月12日
  • Exception in thread “main” java.lang.UnsupportedClassVersionError: com/css/test/JDBindServiceImpl :

    Exception in thread “main” java.lang.UnsupportedClassVersionError: com/css/test/JDBindServiceImpl :执行main项目时候报错:Exceptioninthread”main”java.lang.UnsupportedClassVersionError:com/css/test/JDBindServiceImpl:Unsupportedmajor.minorversion52.0atjava.lang.ClassLoader.defineClass1(Native…

  • ViewPager的addOnPageChangeListener方法详解

    ViewPager的addOnPageChangeListener方法详解关于上篇博客中写道了ViewPager的拖动状态监听的方法有网友私信问我不太明白里面的逻辑,我估摸着还是对ViewPager不太熟悉,所以就没一一回复在此开篇帖子写下关于ViewPager的具体用法,ViewPage使用时,最关键的代码就是addOnPageChangeListener,传入一个ViewPager.OnPageChangeListener对象。下面做先给大家贴上google的官方源

  • pycharm 字体设置「建议收藏」

    pycharm 字体设置「建议收藏」pycharm字体设置

  • 指针指向常量_常量指针的四种

    指针指向常量_常量指针的四种const关键字指针常量和常量指针都离不开const关键字,我们先来了解一下什么是const关键字,const被用来定义常量,如果将一个变量加上const关键字,则被修饰的变量的值将无法改变。这个变量的值只能被访问,无法被修改。const关键字可以修饰变量或者指针。下面是const修饰变量的用法:constinta=6;或者intconsta=6;此时变量a…

    2022年10月20日

发表回复

您的电子邮箱地址不会被公开。

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