发布-订阅

/*
发布订阅模块, 使用立即执行函数是为了让其返回的函数引用的msg容器为私有
msg不是列表, 其为一个对象, 对象里面消息名对应的值为列表
*/
var PubSub = (function () {
  var msg = {}
  return {
    /*
    订阅消息, 参数为消息名和回调函数
    判断如果消息名存在于msg中并且没有重复的订阅, 就像该消息名的值(列表)中添加该回调函数
  */
    subscribe: function (type, fn) {
      if (msg[type] && msg[type].indexOf(fn) === -1) {
        msg[type].push(fn)
      } else {
        msg[type] = [fn]
      }
    },
    /*
      发布消息, 参数为消息类型和传递的数据
      会在msg已订阅的消息列表中查找, 若找到后, 将数据作为参数执行列表中的每一个回调函数
      即所有订阅的都会执行
    */
    publish: function (type, arges) {
      if (!msg[type]) return // 没有订阅该消息就直接结束
      var fns = msg[type]
      for (var i = 0; i < fns.length; i++) {
        fns[i](arges)
      }
    },
    // 取消订阅, 参数为消息类型和哪个函数想要取消, 即发布时不会再执行该函数
    unsubscribe: function (type, fn) {
      if (!msg[type]) return // 没有订阅该消息就直接结束
      msg[type] = msg[type].filter((v) => v !== fn)
    },
  }
})()
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值