前言

這幾天去面試，多次碰到同一個(gè)知識(shí)點(diǎn)。而且有一次面試挺有趣的，是關(guān)于小程序的。共有3個(gè)問題。

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

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

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

知識(shí)點(diǎn)

有經(jīng)驗(yàn)的同學(xué)可能一下子就看出來了，這其實(shí)說的是同一個(gè)東西，那就是Object.defineproperty()這個(gè)方法。

下面我來嘗試回答一下：

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

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

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


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

看看執(zhí)行效果（可以看到，我們?cè)谄渌缑嫱昝缹?shí)現(xiàn)了監(jiān)聽到globalData的變化）

第三題：emmm。第二題的答案就是第三題的答案啦。我們可以在index.js中的回調(diào)方法中再進(jìn)行網(wǎng)絡(luò)請(qǐng)求，請(qǐng)求需要識(shí)別身份的資源。

總結(jié)

以上就是這篇文章的全部內(nèi)容了，希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，謝謝大家對(duì)腳本之家的支持。

最新評(píng)論