foo2() verwendet eine Pfeilfunktion.
Nach dem Verständnis von call sollte foo.call({id:23}) 23 und nicht 0 ausgeben. Kann mir das jemand erklären?
Der Code lautet wie folgt:
<script type="text/javascript">
function foo() {
setTimeout(function (){
console.log('id1:', this.id);
}, 100);
}
function foo2() {
setTimeout(() => {
console.log('id2:', this.id);
}, 100);
}
var id = 0;
foo.call({id:23});
foo2.call({id: 2});</script>
Ausführungsergebnis:
0
2
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
foo函数里面的this还是{id:23}但是到了setTimeout接受的回掉里面，this就变为了window所以就输出了全局的 0，第二个因为箭头函数，this与foo2的this绑定，所以是 2foo2的setTimeout的参数是一个箭头函数，里面的this，绑定定义时所在的作用域（foo2执行的时候，this是call中对象），而不是指向运行时所在的作用域。普通的setTimeout中的函数绑定的是运行时作用域（window）。
1、foo函数的this是window,foo2函数的this是{id: 2}这个对象。
很明显，第一个this指向的是window，而第二个箭头函数this指向当前对象，也就是说谁调用，就指向谁；
第一个可以改下解决下：
1、setTimeout中的回调函数在foo执行100ms后执行，运行时的作用域是window。
2、箭头函数可以让setTimeout里面的this，绑定定义时所在的作用域，而不是指向运行时所在的作用域。
箭头函数作用域的问题