欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

微信小程序在其他頁面監(jiān)聽globalData中值的變化

 更新時間:2019年07月15日 10:18:01   作者:甚時躍馬歸來  
這篇文章主要給大家介紹了關于微信小程序如何在其他頁面監(jiān)聽globalData中值的變化的相關資料,文中通過示例代碼介紹的非常詳細,對大家學習或者使用微信小程序具有一定的參考學習價值,需要的朋友們下面來一起學習學習吧

前言

這幾天去面試,多次碰到同一個知識點。而且有一次面試挺有趣的,是關于小程序的。共有3個問題。

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

2、小程序中如何在其他頁面中監(jiān)聽到globalData中值的變化?

3、如果在app.js執(zhí)行登錄部分的代碼,由于時序問題,如何處理其他頁面請求時未獲取到身份識別標記的情況。(session,userid等)。(大意是:怎么能夠保證其他頁面請求是在登錄之后?)

知識點

有經(jīng)驗的同學可能一下子就看出來了,這其實說的是同一個東西,那就是Object.defineproperty()這個方法。

下面我來嘗試回答一下:

第一題:小程序中并沒有Page.watch()方法,但其實這里面試官的要問的東西就是第二題的題目,也就是屬性監(jiān)聽器。

第二題:由于要監(jiān)聽到globalData中的值的變化,所以一般要在globalData改變時回調一個方法。例如我們監(jiān)聽一個name屬性,大致代碼如下:

// app.js中
//app.js
App({
 onLaunch: function () {
 let that = this
 // 在這里用定時器模擬網(wǎng)絡請求的過程
 setTimeout(function(){
  that.globalData.name = 'pxh'
 },3000) 
 },
 // 這里這么寫,是要在其他界面監(jiān)聽,而不是在app.js中監(jiān)聽,而且這個監(jiān)聽方法,需要一個回調方法。
 watch:function(method){
 var obj = this.globalData;
 Object.defineProperty(obj,"name", {
  configurable: true,
  enumerable: true,
  set: function (value) {
  this._name = value;
  console.log('是否會被執(zhí)行2')
  method(value);
  },
  get:function(){
  // 可以在這里打印一些東西,然后在其他界面調用getApp().globalData.name的時候,這里就會執(zhí)行。
  return this._name
  }
 })
 },
 globalData: {
 userInfo: null,
 _name:'msr'
 }
})


// 然后在index.js中的聲明周期中實現(xiàn)
onLoad: function (options) {
 let that = this;
 getApp().watch(that.watchBack)
 },
 watchBack: function (name){
 console.log(22222);
 console.log('this.name==' + name)
 }

看看執(zhí)行效果(可以看到,我們在其他界面完美實現(xiàn)了監(jiān)聽到globalData的變化)

第三題:emmm。第二題的答案就是第三題的答案啦。我們可以在index.js中的回調方法中再進行網(wǎng)絡請求,請求需要識別身份的資源。

總結

以上就是這篇文章的全部內容了,希望本文的內容對大家的學習或者工作具有一定的參考學習價值,謝謝大家對腳本之家的支持。

相關文章

最新評論