[沫沫金]JS匿名函數(shù)this調(diào)用變量報(bào)錯(cuò)

發(fā)布時(shí)間：2020-07-02 18:31:32 來源：網(wǎng)絡(luò) 閱讀：323 作者：沫沫金欄目：web開發(fā)

今天使用Dcloud掃碼功能，success成功方法設(shè)置data中的scanContext變量，報(bào)“undefined”！

一、懷疑是掃碼內(nèi)容不是JSON對象，無法點(diǎn)屬性報(bào)錯(cuò)。排除，使用JSON.parse轉(zhuǎn)換成功后，依然報(bào)“undefined”。
二、怎么就“undefined”呢，百思不得其解。繼續(xù)想辦法

突然，看到附件選擇的方法，人家是設(shè)置的this.fileUrl成功的。比對下，什么區(qū)別。發(fā)現(xiàn)定義的匿名方法，寫法不同。我的是function(res)，人家的是(res) =>箭頭。考下去試試，

成功了?。。?/p>

這就是JS中匿名方法的this指向問題，function的聲明方式，this指向的是本身，父級(jí)的變量都無法訪問。請閱讀下面的源碼，運(yùn)行會(huì)報(bào)錯(cuò)嗎？

<script type="text/javascript">
var num = 100;
var thah={
success:function(){
alert(this.num);
}
}
thah.success();
</script>

請熟悉的朋友跟我一起讀：var that = this;//大法好
更時(shí)尚的是箭頭聲明 success:(res)=>{} 更時(shí)尚、更流行、高大上。

以上，是關(guān)于JS匿名函數(shù)this的指向問題。踩過的坑，一起歡呼。

向AI問一下細(xì)節(jié)

猜你喜歡