微信小程序页面间通信实现pub-sub

本文链接：https://blog.youkuaiyun.com/z564359805/article/details/118461991

这篇博客介绍了如何利用PubSubJS库实现在不同页面间的通信。首先，订阅方需要先订阅然后才能接收到数据，即遵循‘先订阅，后发布’原则。在发布方，当需要发送数据时，调用PubSub.publish方法。在接收方，通过onLoad函数订阅消息，在onUnload函数中取消订阅，确保资源释放。示例中展示了在palylist.js和songdetail.js两个页面间如何进行数据的发布和订阅。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

https://blog.youkuaiyun.com/z564359805/article/details/118442507

后来发现之前这一篇好像不能实现不同tabbar之间的通信，所以写的这一篇，此例页面订阅方要想接收数据必须打开过，也就是加载订阅的方法，从来没有加载过是不可以的【先订阅，后发布】：

参考：https://github.com/mroderick/PubSubJS

在utils文件夹中新建pubsub-js.js:

module.exports = (function() {
  var __MODS__ = {};
  var __DEFINE__ = function(modId, func, req) { var m = { exports: {} }; __MODS__[modId] = { status: 0, func: func, req: req, m: m }; };
  var __REQUIRE__ = function(modId, source) { if(!__MODS__[modId]) return require(source); if(!__MODS__[modId].status) { var m = { exports: {} }; __MODS__[modId].status = 1; __MODS__[modId].func(__MODS__[modId].req, m, m.exports); if(typeof m.exports === "object") { __MODS__[modId].m.exports.__proto__ = m.exports.__proto__; Object.keys(m.exports).forEach(function(k) { __MODS__[modId].m.exports[k] = m.exports[k]; var desp = Object.getOwnPropertyDescriptor(m.exports, k); if(desp && desp.configurable) Object.defineProperty(m.exports, k, { set: function(val) { __MODS__[modId].m.exports[k] = val; }, get: function() { return __MODS__[modId].m.exports[k]; } }); }); if(m.exports.__esModule) Object.defineProperty(__MODS__[modId].m.exports, "__esModule", { value: true }); } else { __MODS__[modId].m.exports = m.exports; } } return __MODS__[modId].m.exports; };
  var __REQUIRE_WILDCARD__ = function(obj) { if(obj && obj.__esModule) { return obj; } else { var newObj = {}; if(obj != null) { for(var k in obj) { if (Object.prototype.hasOwnProperty.call(obj, k)) newObj[k] = obj[k]; } } newObj.default = obj; return newObj; } };
  var __REQUIRE_DEFAULT__ = function(obj) { return obj && obj.__esModule ? obj.default : obj; };
  __DEFINE__(1602927017928, function(require, module, exports) {
  /**
   * Copyright (c) 2010,2011,2012,2013,2014 Morgan Roderick http://roderick.dk
   * License: MIT - http://mrgnrdrck.mit-license.org
   *
   * https://github.com/mroderick/PubSubJS
   */
  
  (function (root, factory){
      
  
      var PubSub = {};
      root.PubSub = PubSub;
  
      var define = root.define;
  
      factory(PubSub);
  
      // AMD support
      if (typeof define === 'function' && define.amd){
          define(function() { return PubSub; });
  
          // CommonJS and Node.js module support
      } else if (typeof exports === 'object'){
          if (module !== undefined && module.exports) {
              exports = module.exports = PubSub; // Node.js specific `module.exports`
          }
          exports.PubSub = PubSub; // CommonJS module 1.1.1 spec
          module.exports = exports = PubSub; // CommonJS
      }
  
  }(( typeof window =