微信小程序中this和that怎么用

小編給大家分享一下微信小程序中this和that怎么用，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

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

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

在success回調函數中使用that.data就能獲取到數據了。

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

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

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

再給一個(gè)完整的例子：

  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;

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

    }
   }