let,const 声明的变量不会绑定给window对象 而var会

时间:2022-06-08 21:24:39

先来看一道题

let id = 2;
let json = {
id: 1,
show:function(){
setTimeout(function(){
console.log(this.id);
},2000)
}
}
json.show();

  假设没有头部的let id = 2;  那么代码会输出undefined表示id未定义

加上let id = 2;呢  结果还是显示undefined。这是为什么,不是什么声明了一个全局变量let id = 2;了吗

那么这里的this.id的this指的是window对象就有id值了呀??

其实不是的,

如果我们把let id = 2;换成var id = 2;那么window对象就能调用id值了。

因为let  const定义的变量由于作用域,并不会绑定到window上。

补充:

  为什么this指向window?

  因为json.show();调用的时候,this先绑定到json身上,但是进入setTimeout这个函数里后,并命有明确的指出谁调用的setTimeout

所以this由json失效绑定到默认的window对象上。