微信小程序中為什么使用var that=this
前言：
在小程序或者js開發(fā)中，經(jīng)常需要使用var that = this;開始我以為是無用功，（原諒我的無知），后來從面向對象的角度一想就明白了，下面簡單解釋一下我自己的理解，歡迎指正批評。
代碼示例：
Page({
data: {
test:10
},
testfun1: function () {
console.log(this.data.test) // 10
function testfun2(){
console.log(this.data.test) //undefined
}
testfun2()
},
})
第一個this.data.test打印結果為10，原因是因為this的指向是包含自定義函數(shù)testfun1()的Page對象。
第二個打印語句實際上會報錯，原因是在函數(shù)testfun2()中，this指向已經(jīng)發(fā)生改變，也不存在data屬性，會error：Cannot read property 'data' of undefined;
解決辦法 為復制一份this的指向到變量中，這樣在函數(shù)執(zhí)行過程中雖然this改變了，但是that還是指向之前的對象。
testfun1: function () {
var that = this
console.log(this.data.test) // 10
function testfun2() {
console.log(that.data.test) // 10
}
testfun2()
},
onLoad:function(){
this.testfun1();
}
編譯之后沒有報錯，正常打印出結果；
再來一項更明白的例子：
onLoad: function() {
var testvar = {
name: "zxin",
testfun3: function() {
console.log(this.name);
}
}
testvar.testfun3();
}
編譯后輸出結果：zxin。this.name指的是testvar對象，testfun3()也屬于testvar對象。
總結：
大家知道this是指當前對象，只是一個指針，真正的對象存放在堆內(nèi)存中，this的指向在程序執(zhí)行過程中會變化，因此如果需要在函數(shù)中使用全局數(shù)據(jù)需要合適地將this復制到變量中。
以上所述是小編給大家介紹的微信小程序中為什么使用var that=this,希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
如果你覺得本文對你有幫助，歡迎轉載，煩請注明出處，謝謝！
相關文章
JavaScript變量聲明var,let.const及區(qū)別淺析
這篇文章主要介紹了JavaScript變量聲明var,let.const及區(qū)別淺析,需要的朋友可以參考下2018-04-04
本篇文章主要是對js菜單點擊顯示或隱藏效果的簡單實例進行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助2014-01-01
大家心里是否產(chǎn)生過這樣的疑問,JS中既然已經(jīng)有對象這種數(shù)據(jù)結構,我們?yōu)槭裁催€要再單獨去使用Set或者Map呢?下面這篇文章主要給大家介紹了關于ES6中Set和Map數(shù)據(jù)結構的相關資料,需要的朋友可以參考下2022-08-08
這篇文章主要介紹了JS實現(xiàn)的簡單分頁功能,涉及javascript事件響應及頁面元素遍歷、動態(tài)構造等相關操作技巧,需要的朋友可以參考下2018-08-08
原生js實現(xiàn)針對Dom節(jié)點的CRUD操作示例
這篇文章主要介紹了原生js實現(xiàn)針對Dom節(jié)點的CRUD操作,結合實例形式分析了javascript操作dom節(jié)點的創(chuàng)建、獲取、增刪改查等相關操作技巧,需要的朋友可以參考下2019-08-08
這篇文章主要為大家詳細介紹了JavaScript簡單拖拽效果 ，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-05-05
這篇文章主要給大家介紹了關于微信小程序自定義導航欄的相關資料，文中通過示例代碼介紹的非常詳細，對大家學習或者使用微信小程序具有一定的參考學習價值，需要的朋友們下面來一起學習學習吧2019-04-04
這篇文章主要為大家介紹了全解跨域請求問題處理方法及分析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪<BR>2023-07-07
這篇文章主要介紹了js動態(tài)創(chuàng)建及移除div的方法,涉及javascript針對頁面元素的動態(tài)操作技巧,需要的朋友可以參考下2015-06-06
javascript設計模式有很多種，本文給大家介紹常用的javascript設計模式，對javascript設計模式相關知識感興趣的朋友一起學習吧2015-12-12