以下代码执行后,输出结果为 抛出ReferenceError

发布时间 2023-11-10 13:05:03作者: 龙陌
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。