小程序是由一个个page构成的，如果存在路由栈为[a,b]，a->b传值自然可以一层层传递，但是b->a传递数据就需要额外的辅助方式，以下讨论几种常见的方式。【相关学习推荐：小程序开发教程】
1、localstorage + onshow应用场景：a->b/b->a 都可
优点：简单操作，易理解
缺点：调用到storage，有可能设置失败；且设置后是持久缓存，可能污染原逻辑，应及时删除
应用示例：
// 以a->b示例// a 页面page({ onshow(){ if(wx.getstoragesync('$datas')){ console.log(wx.getstoragesync('$datas')) // 11111 } },})// b 页面page({ someactions(){ wx.setstoragesync('$datas','11111') },})
2、globaldata + onshow应用场景：a->b/b->a 都可
优点：简单操作，易理解；直接操作globaldata对象，相比于storage执行效率更高
缺点：设置后是小程序生命周期内都可访问，可能污染原逻辑，应及时删除
应用示例：
// 以a->b示例// a 页面const app = getapp();page({ onshow(){ if(app.globaldata.$datas){ console.log(app.globaldata.$datas) // 11111 } },})// b 页面const app = getapp();page({ someactions(){ app.globaldata.$datas = '11111'; },})
3、小程序本身提供的 eventchannel应用场景：主要是 b->a
优点：小程序原生提供，可随时销毁
缺点：仅限制在navigateto中，且要求基础库版本不低于2.7.3
应用示例：
// a页面wx.navigateto({ url: 'b?id=1', events: { // 为指定事件添加一个监听器，获取被打开页面传送到当前页面的数据 acceptdatafromopenedpage: function(data) { console.log(data) }, someevent: function(data) { console.log(data) } ... }, success: function(res) { // 通过eventchannel向被打开页面传送数据 res.eventchannel.emit('acceptdatafromopenerpage', { data: 'test' }) }})// b页面page({ onload: function(option){ console.log(option.query) const eventchannel = this.getopenereventchannel() eventchannel.emit('acceptdatafromopenedpage', {data: 'test'}); eventchannel.emit('someevent', {data: 'test'}); // 监听acceptdatafromopenerpage事件，获取上一页面通过eventchannel传送到当前页面的数据 eventchannel.on('acceptdatafromopenerpage', function(data) { console.log(data) }) }})
4、自定义eventbus应用场景：a->b/b->a 都可
优点：自定义实现，可扩展
缺点：对wx进行扩展自定义变量，相同eventname可能会重复绑定监听事件
eventbus: 参考这篇eventbus实现
应用示例：
// app.jsconst eventbus = require('./utils/eventbus.js');app({ onlaunch(){ // 将eventbus初始到wx上 wx['$uhomesbus'] = (function () { if (wx['$uhomesbus']) return wx['$uhomesbus']; return new eventbus(); })(); }})// a页面page({ someactions(){ wx.$uhomesbus.$on('$datas',(data)=>{ console.log(data); // 11111 }) },})// b页面page({ emitactions(){ wx.$uhomesbus.$emit('$datas', '11111'); },})
5、获取页面栈实例 getcurrentpages应用场景：主要是 b->a
优点：小程序原生提供，处理逻辑基本都在b页面
缺点：需要增加匹配页面的相应规则,且路由栈至少有两个页面存在
应用示例：
// a页面page({ someactions(datas){ console.log(datas); // 11111 },})// b页面page({ someactions(){ const pages = getcurrentpages(); if (pages.length < 2) return; // 如果页面层级较多，可用循环去匹配到a页面； // 此处仅做2个页面的示例 const prevpage = pages[pages.length - 1]; // 路由匹配到a if (prevpage.route === 'a') { prevpage.someactions('11111'); } },})
6、globaldata proxy暂时未试验这种方式，原理上可行；
相应的原理可参考vue3的数据劫持和订阅通知相结合；
更多编程相关知识，请访问：编程入门！！
以上就是浅谈小程序跨页面之间通信的几种方式的详细内容。