由于微信小程序 wx.navigateBack 要领并不支持返回传值，，，，，，导致页面在返回后，，，，，，不可利便地即时更新数据。。。那么小程序跨页转达事务新闻和数据要怎样解决呢。。。

一.需求剖析

此类需求或许意思是：A 页面进入 B 页面，，，，，，B 页面返回并传值给 A或在B页面触发事务时，，，，，，A页面也有事务触发改变。。。

营业剖析

普遍要领为： 
第一种：使用微信的 wx.setStorage，，，，，，将数据缓保存小程序实例内。。。从 B 页面返回 A 页面时，，，，，，B 页面先将数据缓存；；；；然后在 A 页面的 onshow 要领里，，，，，，挪用 wx.getStorage 读取缓存来实现。。。但为日后维护带来大宗隐患。。。（用全局变量要领类似）

第二种：获取前一个 page 实例的要领，，，，，，也可以实现此功效。。。部分代码如下：

1. var pages = getCurrentPages();
2. var currPage = pages[pages.length - 1]; //目今页面
3. var prevPage = pages[pages.length - 2]; //上一个页面
4.  
5. //直接挪用上一个页面的 setData() 要领，，，，，，把数据存到上一个页面中去
6. prevPage.setData({
7. mdata:1
8. })

这种要领的误差：由于进入 B 页面的入口可能是许多个。。。这样做，，，，，，可能会导致获取到的页面实例不准确。。。

二.要领介绍

（onfire.js的下载地点https://github.com/hustcc/onfire.js）  下面进入正题介绍onfire.js（）  onfire.js 是一个很简朴的事务分发 JavaScript 库（仅仅 0.9kb），，，，，，精练适用。。。它可以应用于:  1.简朴的事务分发。。。  2.在 React、Vue.js、Angular 中用于跨组件的轻量级实现。。。  3.事务订阅和宣布。。。

使用思绪：（做过移动端开发的都知道，，，，，，类似于iOS的通知和安卓的广播）  a.A 页面先订阅一个事务，，，，，，并界说处理要领；；；；  b.从 B 页面返回时，，，，，，发送新闻；；；；  c.A 页面卸载时，，，，，，扫除订阅。。。

我的使用要领为：  A 页面代码：

1. var onfire = require("../utils/onfire.js");
2. var that;
3. var eventObj = onfire.on('key', function () {
4. // 当新闻被转达时，，，，，，做详细的事
5. });
6.  
7. Page({
8. data: {
9. },
10. onLoad: function(options) {
11. // Do some initialize when page load.
12. },
13. onReady: function() {
14. // Do something when page ready.
15. },
16. onUnload: function (e) {
17. onfire.un('key');
18. onfire.un(eventObj);//移除
19. }
20. })

我们可以在 A 页面直接挪用 onfire.on 要领，，，，，，订阅一个名字为 key 的新闻。。。在上面的代码中，，，，，，新闻附带的参数无传参。。。  若是需要传参的话，，，，，，直接在 function 里增添参数即可，，，，，，例如：

1. var eventObj = onfire.on('key', function (data){
2. // 执行操作
3. })

需要注重的是，，，，，，一定要在 onUnload 里（在页面被关闭时）作废订阅新闻，，，，，，并作废绑定 eventObj。。。

B 页面里代码在回调的地方加入以下代码：

1. onfire.fire('key');//key 为上文中订阅的新闻
2. // 有参数时
3. onfire.fire('key','test');

三.剖析库代码

1. function _bind(eventName, callback, is_one, context) {
2. if (typeof eventName !== string_str || typeof callback !== function_str) {
3. throw new Error('args: '+string_str+', '+function_str+'');
4. }
5. if (! hasOwnKey(__onfireEvents, eventName)) {
6. __onfireEvents[eventName] = {};
7. }
8. __onfireEvents[eventName][++__cnt] = [callback, is_one, context];
9.  
10. return [eventName, __cnt];
11. }

从代码中可以看出订阅 on 要领的时间，，，，，，现实挪用 _bind 要领。。。该要领使用一个二维数组，，，，，，来存储订阅的工具。。。

1. function _fire_func(eventName, args) {
2. if (hasOwnKey(__onfireEvents, eventName)) {
3. _each(__onfireEvents[eventName], function(key, item) {
4. item[0].apply(item[2], args); //执行订阅时的要领
5. if (item[1]) delete __onfireEvents[eventName][key]; // 当类型为只订阅一次时，，，，，，通知后即移除自己。。。
6. });
7. }
8. }

而 fire 发送新闻要领的实质，，，，，，是挪用 _fire_func 要领，，，，，，通过名字（key）来遍历订阅者，，，，，，然后通知订阅者。。。

1. function un(event) {
2. var eventName, key, r = false, type = typeof event;
3. if (type === string_str) {
4. // 若是保存key值，，，，，，则移除数组
5. if (hasOwnKey(__onfireEvents, event)) {
6. delete __onfireEvents[event];
7. return true;
8. }
9. return false;
10. }
11. else if (type === 'object') {
12. eventName = event[0];
13. key = event[1];
14. //若是找到这个工具则卸载
15. if (hasOwnKey(__onfireEvents, eventName) && hasOwnKey(__onfireEvents[eventName], key)) {
16. delete __onfireEvents[eventName][key];
17. return true;
18. }
19. //否则返回false
20. return false;
21. }
22. else if (type === function_str) {
23. //两层循环来判断要领名
24. _each(__onfireEvents, function(key_1, item_1) {
25. _each(item_1, function(key_2, item_2) {
26. if (item_2[0] === event) {
27. delete __onfireEvents[key_1][key_2];
28. r = true;
29. }
30. });
31. });
32. return r;
33. }
34. return true;
35. }

挪用un要领，，，，，，通过名字（key）来遍历订阅者，，，，，，找到后移除。。。

注：由于卸载支持按 key、工具、要领卸载，，，，，，以是需要先判断类型，，，，，，然后按各自规则去扫除绑定。。。

小程序工具提供多类型商城/门店小程序制作，，，，，，可视化编辑 1秒天生5步上线。。。通过拖拽、拼接？？？榻峁剐〕绦蛏坛且趁妫，，，，所看即所得，，，，，，只需要美工就能做出细腻商城。。。更多小程序市肆请审查：小程序市肆