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