let x = 10;
let foo = () => {
console.log(x);
let x = 20;
x++;
}
foo();
使用let声明的变量,既不会发生变量提升,同时又存在“暂时性死区”,所以在块级作用域内,如果使用let声明一个变量,那么该变量在声明之前是不可用的,否则会抛出ReferenceError异常
一楼的回答说:”let块级作用域,所以不会去访问外部的x“ 是错误的,这题的本质是暂时死区的问题
如图,我单单是去掉了在function中let的定义
这里边的console.log的结果是1,证明了是可以访问function之前定义的变量的,
而之所以会产生reference error是因为暂时死区的问题(temperal dead zone),我为此查了下红宝书,
就是说虽然let语句不像var语句会产生hoisting(变量提升),JavaScript引擎也会意识到在后边的let定义,只是不支持在let声明语句之前引用该变量而已。所以,只要在同一个block中,let是在后边定义的,就不能在之前引用该变量。与此同时,也不能再去取嵌套外层的值了(x=1)
let :1.不存在变量提升
2.暂时性死区,使用let命令声明变量之前,该变量都是不可用的
3.不允许重复声明,不允许在相同作用域内,重复声明同一个变量
在解析代码时,JavaScript引擎也会注意出现在块后面的let声明,只不过在此之前不能以任何方式来引用未声明的变量。在let声明之前的执行瞬间被称为“暂时性死区”(temporal dead zone),在此阶段引用任何后面才声明的变量都会抛出ReferenceError。
标签:变量,作用域,抛出,let,代码执行,声明,ReferenceError From: https://www.cnblogs.com/longmo666/p/17823865.html