微信小程序 this和that詳解及簡單實例
更新時間：2017年02月13日 17:00:36 投稿：lqh
這篇文章主要介紹了微信小程序 this和that詳解及簡單實例的相關(guān)資料,需要的朋友可以參考下
微信小程序中，在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);
}
}
感謝閱讀，希望能幫助到大家，謝謝大家對本站的支持！
相關(guān)文章
這篇文章主要介紹了微信小程序 canvas API詳解及實例代碼的相關(guān)資料,需要的朋友可以參考下2016-10-10
這篇文章主要介紹了JavaScript函數(shù)柯里化，柯里化即Currying是把接受多個參數(shù)的函數(shù)變換成接受一個單一參數(shù)函數(shù)，并且返回接受余下的參數(shù)且返回結(jié)果的新函數(shù)的技術(shù)，下面文章詳細內(nèi)容,需要的朋友可以參考一下2021-11-11
微信小程序 wx.request(object) API詳解及實例代碼
這篇文章主要介紹了微信小程序 wx.request(object) API詳解及實例代碼的相關(guān)資料,需要的朋友可以參考下2016-09-09
這篇文章主要介紹了 微信小程序 animation API詳解及實例代碼的相關(guān)資料,需要的朋友可以參考下2016-10-10
JavaScript數(shù)組對象高階函數(shù)reduce的妙用詳解
這篇文章主要為大家介紹了JavaScript數(shù)組對象高階函數(shù)reduce的妙用詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-04-04
這篇文章主要介紹了 微信小程序 保留小數(shù)(toFixed)詳細介紹的相關(guān)資料,這里附有實例，幫助大家學習參考此部分知識，需要的朋友可以參考下2016-11-11
這篇文章主要為大家介紹了webpack的安裝配置及使用的教程示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-06-06
前端框架ECharts?dataset對數(shù)據(jù)可視化的高級管理
這篇文章主要為大家介紹了前端框架ECharts?dataset對數(shù)據(jù)可視化的高級管理，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-12-12
詳解Three.js?場景中如何徹底刪除模型和性能優(yōu)化
這篇文章主要為大家介紹了詳解Three.js?場景中如何徹底刪除模型和性能優(yōu)化，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-04-04
這篇文章主要介紹了微信小程序 解決swiper不顯示圖片的方法的相關(guān)資料,本文對swiper不顯示圖片，進行了幾種方法排查，根據(jù)我所遇到的問題提供了該如何解決，需要的朋友可以參考下2017-01-01