微信小程序 this和that詳解及簡單實例

更新時間：2017年02月13日 17:00:36 投稿：lqh

這篇文章主要介紹了微信小程序 this和that詳解及簡單實例的相關資料,需要的朋友可以參考下

微信小程序中，在wx.request({});方法調(diào)用成功或者失敗之后，有時候會需要獲取頁面初始化數(shù)據(jù)data的情況，這個時候，如果使用，this.data來獲取，會出現(xiàn)獲取不到的情況，調(diào)試頁面也會報undefiend。原因是，在javascript中，this代表著當前對象，會隨著程序的執(zhí)行過程中的上下文改變，在wx.request({});方法的回調(diào)函數(shù)中，對象已經(jīng)發(fā)生改變，所以已經(jīng)不是wx.request({});方法對象了，data屬性也不存在了。官方的解決辦法是，復制一份當前的對象，如下：

var that=this;//把this對象復制到臨時變量that

在success回調(diào)函數(shù)中使用that.data就能獲取到數(shù)據(jù)了。

不過，還有另外一種方式，也很特別，是將success回調(diào)函數(shù)換一種聲明方式，如下：

success: res =>{
  this.setData({
      loadingHidden: true,
      hideCommitSuccessToast: false
  })
}

在這種方式下，this可以直接使用，完全可以獲取到data數(shù)據(jù)。

再給一個完整的例子：

  success: res => {
    if (res.data.code != 0) {
     // 提交失敗
     this.setData({
      loadingHidden: true,
      hiddenTips: false,
      tipsContent: res.data.message
     })
    } else {
     // 提交成功
     this.setData({
      loadingHidden: true,
      hideCommitSuccessToast: false
     })
     subBtn = false;

     // 定時，3秒消失
     setTimeout(() => {
      this.setData({
       hideCommitSuccessToast: true
      })
      wx.navigateBack({ delta: 2 });
     }, 2000);

    }
   }

感謝閱讀，希望能幫助到大家，謝謝大家對本站的支持！

您可能感興趣的文章:

微信小程序中wx.chooseAddress(OBJECT)實例詳解
這篇文章主要介紹了微信小程序中wx.chooseAddress(OBJECT)實例詳解的相關資料,需要的朋友可以參考下
2017-03-03
微信小程序實現(xiàn)頁面跳轉傳值的方法
這篇文章主要介紹了微信小程序實現(xiàn)頁面跳轉傳值的方法的相關資料,希望通過本文能幫助到大家，讓大家實現(xiàn)這樣的功能，需要的朋友可以參考下
2017-10-10
這篇文章主要介紹了微信小程序頁面?zhèn)鲄嵗斀獾南嚓P資料,這里對頁面跳轉及傳遞參數(shù)的功能做個小示例，幫助大家盡快上手，很簡單，需要的朋友可以參考下
2016-11-11

JavaScript數(shù)組幾個常用方法總結

這篇文章主要介紹了JavaScript數(shù)組幾個常用方法，主要概述的方法有filter()、map()、sort()、reduce()、forEach()，這些方法都是JavaScript常用到的方法，下面文章內(nèi)容詳細介紹了他們的語法、參數(shù)、返回值等資料,需要的朋友可以參考一下

2021-11-11