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

曾经终败给现在 2022-04-23 21:48 176阅读 0赞

var Observer = (function() {
      var _message = {}
      return {
        //将订阅者注册的消息推到消息队列中，接收的参数时消息的类型和如何处理消息
        regist(type, fn) {
          if(typeof _message[type] === 'undefined') {
            _message[type] = [fn]
          } else {
            _message[type].push(fn)
          }
          console.log(_message)
        },
        //发布事件
        fire(type, args) {
          if(!_message[type]) {
            return
          }
          let events = {
            type: type,
            args : args || {}
          }
          let length = _message[type].length
          for(let i = 0; i < length; i++) {
            _message[type][i].call(this, events)
          }
        },
        //删除某个类型对应的回调函数
        remove(type, fn) {
          if(_message[type] instanceof Array) {
            let length = _message[type].length
            for(let i = 0; i < length; i++) {
              if(_message[type][i] === fn) {
                _message[type].splice(i, 1)
              }
            }
          }
        }
      }
    })()
    Observer.regist('test', function(e) {
      console.log(e.type, e.args.msg)
    })
    Observer.fire('test', {msg: 'hello tongtong'})

发表评论取消回复

表情：

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

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

相关阅读

相关 JavaScript 的发布订阅模式

发布-订阅模式里面包含了三个模块，发布者，订阅者和处理中心，如下图结构。 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_s

今天药忘吃喽~/ 2023年02月22日 12:18/ 0 赞/ 4 阅读

相关【JavaScript 设计模式】观察者模式与发布订阅模式

JavaScript 设计模式系列文章： [设计模式总览][Link 1] [工厂模式][Link 2] [单例模式][Link 3] [观察者模式/

Bertha 。/ 2022年12月04日 07:58/ 0 赞/ 231 阅读

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

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

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

相关发布订阅设计模式

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

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

相关 JavaScript的发布订阅模式

![d355b67bcf963d7647386b650f14a8ef.png][] 这里要说明一下什么是发布-订阅模式。发布-订阅模式里面包含了三个模块，发布者

你的名字/ 2022年08月29日 11:57/ 0 赞/ 179 阅读

相关浅谈JavaScript设计模式——观察者模式（发布订阅模式）

观察者模式，又称为发布订阅模式，它定义了一种一对多的关系，让多个观察者对象同时监听某一个主题对象，这个主题对象的状态发生变化时就会通知所有的观察者对象，使得它们能够自动更新自己

分手后的思念是犯贱/ 2022年06月18日 08:51/ 0 赞/ 253 阅读

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

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

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

相关 JavaScript发布订阅者模式

假如你要建立一个网站，通常来说会有许多用户。你作为一名管理者，有时候需要将重要的消息发布给你的用户。在软件开发领域，开发此功能往往用到发布订阅者模式。下面我以简单的javasc

朴灿烈づ我的快乐病毒、/ 2022年01月20日 02:09/ 0 赞/ 260 阅读

相关 Javascript设计模式之发布-订阅模式

简介发布-订阅模式又叫做观察者模式，他定义了一种一对多的依赖关系，即当一个对象的状态发生改变的时候，所有依赖他的对象都会得到通知。回忆曾经作为一名前端开发人

亦凉/ 2021年09月30日 03:02/ 0 赞/ 328 阅读

相关 JavaScript设计模式（5）——发布者-订阅模式

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

我就是我/ 2021年09月02日 10:41/ 0 赞/ 345 阅读