微信小程序 this和that詳解及簡單實例
更新時間：2017年02月13日 17:00:36 投稿：lqh
這篇文章主要介紹了微信小程序 this和that詳解及簡單實例的相關資料,需要的朋友可以參考下
微信小程序中，在wx.request({});方法調用成功或者失敗之后，有時候會需要獲取頁面初始化數據data的情況，這個時候，如果使用，this.data來獲取，會出現(xiàn)獲取不到的情況，調試頁面也會報undefiend。原因是，在javascript中，this代表著當前對象，會隨著程序的執(zhí)行過程中的上下文改變，在wx.request({});方法的回調函數中，對象已經發(fā)生改變，所以已經不是wx.request({});方法對象了，data屬性也不存在了。官方的解決辦法是，復制一份當前的對象，如下：
var that=this;//把this對象復制到臨時變量that
在success回調函數中使用that.data就能獲取到數據了。
不過，還有另外一種方式，也很特別，是將success回調函數換一種聲明方式，如下：
success: res =>{
this.setData({
loadingHidden: true,
hideCommitSuccessToast: false
})
}
在這種方式下，this可以直接使用，完全可以獲取到data數據。
再給一個完整的例子：
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);
}
}
感謝閱讀，希望能幫助到大家，謝謝大家對本站的支持！
相關文章
這篇文章主要介紹了微信小程序 canvas API詳解及實例代碼的相關資料,需要的朋友可以參考下2016-10-10
這篇文章主要介紹了JavaScript函數柯里化，柯里化即Currying是把接受多個參數的函數變換成接受一個單一參數函數，并且返回接受余下的參數且返回結果的新函數的技術，下面文章詳細內容,需要的朋友可以參考一下2021-11-11
微信小程序 wx.request(object) API詳解及實例代碼
這篇文章主要介紹了微信小程序 wx.request(object) API詳解及實例代碼的相關資料,需要的朋友可以參考下2016-09-09
這篇文章主要介紹了 微信小程序 animation API詳解及實例代碼的相關資料,需要的朋友可以參考下2016-10-10
這篇文章主要為大家介紹了JavaScript數組對象高階函數reduce的妙用詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-04-04
這篇文章主要介紹了 微信小程序 保留小數(toFixed)詳細介紹的相關資料,這里附有實例，幫助大家學習參考此部分知識，需要的朋友可以參考下2016-11-11
這篇文章主要為大家介紹了webpack的安裝配置及使用的教程示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-06-06
前端框架ECharts?dataset對數據可視化的高級管理
這篇文章主要為大家介紹了前端框架ECharts?dataset對數據可視化的高級管理，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-12-12
詳解Three.js?場景中如何徹底刪除模型和性能優(yōu)化
這篇文章主要為大家介紹了詳解Three.js?場景中如何徹底刪除模型和性能優(yōu)化，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-04-04
這篇文章主要介紹了微信小程序 解決swiper不顯示圖片的方法的相關資料,本文對swiper不顯示圖片，進行了幾種方法排查，根據我所遇到的問題提供了該如何解決，需要的朋友可以參考下2017-01-01