微信小程序在其他页面监听globalData中值的变化

微信(小程序)  /  管理员 发布于 3年前   195

前言

这几天去面试，多次碰到同一个知识点。而且有一次面试挺有趣的，是关于小程序的。共有3个问题。

1、小程序中Page.watch()方法是做什么用的？

2、小程序中如何在其他页面中监听到globalData中值的变化？

3、如果在app.js执行登录部分的代码，由于时序问题，如何处理其他页面请求时未获取到身份识别标记的情况。（session，userid等）。（大意是：怎么能够保证其他页面请求是在登录之后？）

知识点

有经验的同学可能一下子就看出来了，这其实说的是同一个东西，那就是Object.defineproperty()这个方法。

下面我来尝试回答一下：

第一题：小程序中并没有Page.watch()方法，但其实这里面试官的要问的东西就是第二题的题目，也就是属性监听器。

第二题：由于要监听到globalData中的值的变化，所以一般要在globalData改变时回调一个方法。例如我们监听一个name属性，大致代码如下：

// app.js中//app.jsApp({ onLaunch: function () { let that = this // 在这里用定时器模拟网络请求的过程 setTimeout(function(){  that.globalData.name = 'pxh' },3000)  }, // 这里这么写，是要在其他界面监听，而不是在app.js中监听，而且这个监听方法，需要一个回调方法。 watch:function(method){ var obj = this.globalData; Object.defineProperty(obj,"name", {  configurable: true,  enumerable: true,  set: function (value) {  this._name = value;  console.log('是否会被执行2')  method(value);  },  get:function(){  // 可以在这里打印一些东西，然后在其他界面调用getApp().globalData.name的时候，这里就会执行。  return this._name  } }) }, globalData: { userInfo: null, _name:'msr' }})// 然后在index.js中的声明周期中实现onLoad: function (options) { let that = this; getApp().watch(that.watchBack) }, watchBack: function (name){ console.log(22222); console.log('this.name==' + name) }

看看执行效果（可以看到，我们在其他界面完美实现了监听到globalData的变化）

第三题：emmm。第二题的答案就是第三题的答案啦。我们可以在index.js中的回调方法中再进行网络请求，请求需要识别身份的资源。

总结

以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作具有一定的参考学习价值，谢谢大家的支持。

您可能感兴趣的文章:

• 详解小程序中h5页面onShow实现及跨页面通信方案
• 微信小程序实现传递多个参数与事件处理
• 微信小程序学习笔记之跳转页面、传递参数获得数据操作图文详解
• 微信小程序页面间值传递的两种方法
• 微信小程序使用navigateTo数据传递的实例
• 微信小程序教程系列之页面跳转和参数传递（6）
• 微信小程序Page中data数据操作和函数调用方法
• 微信小程序获取用户信息的两种方法wx.getUserInfo与open-data实例分析
• 微信小程序 setData使用方法及常用错误解决办法
• 微信小程序跨页面传递data数据方法解析