小程序做开发的时候难免需要不同页面之间的通讯，比如首页打开新的页面搜索获取结果返回到首页，不同tab页面之间的数据交互等等。于是做了以下总结

当前页面打开新的页面

打开新的页面可以通过 navigator 组件来实现，通过url传参来实现，例如

    
     搜索
    复制代码

在新的页面 onLoad 事件可以拿到传过来的参数 options

onLoad: function(options) {  console.log(options.id);}复制代码

新的页面回传数据到当前页面

在当前页面定义一个方法

searchRet(results) {  console.log(results);}复制代码

在搜索页面获取到的结果，由于小程序页面是通过栈来存储的，所以可以通过 getCurrentPages() 获取获取当前页面栈的实例，第一个元素为首页，最后一个元素为当前页面

let pages = getCurrentPages();let homePage = pages[pages.length - 2];if (homePage) {  homePage.searchRet(results);}复制代码

生命周期和storage

通过 wx.setStorageSync() 方法可以在本地存储数据，在 page 的 onShow 回调里获取 storage 的值后做相应的处理，例如

// index.jswx.setStorageSync('refresh', true);// mycenter.jsif (wx.getStorageSync('refresh')) {  // 做更新操作  wx.removeStorageSync('refresh');}复制代码

storage 也可以用 globalData 来代替，原理一样，这里不做展开，两种办法都可行，但是就是太笨了，场景复杂起来没法搞 ?

事件监听

个人感觉通过全局的事件监听来处理是一个很好的方法，在 Page 页面监听事件，通过在另一个 Page 触发相应的事件，就可以做对应的处理，实时高效，于是我封装了一个可以声明命名空间的事件监听器 ，可以通过 npm 安装到小程序（）

nsevent的用法也很简单，只需要在监听的页面通过 nsevent.on() 来实现监听，建议添加第三个参数命名空间，这样可以在 onUnload 回调解绑相应的事件，举个以下例子

// select.jsconst nsevent = require('nsevent');Page({  onLoad() {    nsevent.on('add', (num) => {      console.log(`select.js接收到add事件，参数为${num}`)    }, 'select.js')  },  addnumber() {    nsevent.emit('add', 1);  },  onUnload() {    console.log('select.js移除add事件')    nsevent.off('add', 'select.js');  }});复制代码

emit方法不仅可以触发普通的事件，也可以触发指定命名空间的事件，比如 pageA 和 pageB，pageC 都监听了 locationChange 事件，在 pageC 页面想单独触发 pageA 的回调，可以这样写 ?

nsevent.emit('locationChange', { ns: ['pageA'] });复制代码

不知道这工具对大家有没有用，如有有用请给个星星吧，或者有其他好的意见可以讨论一下。

首发于个人博客地址：