[沫沫金]JS匿名函数this调用变量报错

Posted 2021-12-12

背景

今天使用Dcloud扫码功能，success成功方法设置data中的scanContext变量，报“undefined”！

思路

一、怀疑是扫码内容不是JSON对象，无法点属性报错。排除，使用JSON.parse转换成功后，依然报“undefined”。
二、怎么就“undefined”呢，百思不得其解。继续想办法

解决

突然，看到附件选择的方法，人家是设置的this.fileUrl成功的。比对下，什么区别。发现定义的匿名方法，写法不同。我的是function(res)，人家的是(res) =>箭头。考下去试试，

成功了！！！

原因

这就是JS中匿名方法的this指向问题，function的声明方式，this指向的是本身，父级的变量都无法访问。请阅读下面的源码，运行会报错吗？

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

扩展

请熟悉的朋友跟我一起读：var that = this;//大法好
更时尚的是箭头声明 success:(res)=>{} 更时尚、更流行、高大上。

以上，是关于JS匿名函数this的指向问题。踩过的坑，一起欢呼。