let引起的暂时性死区

let声明的变量适用于块级作用域,没有变量提升。

暂时性死区(temporal dead zone)

let num = 10;
if (true) {
    console.log(num);
}

输出:10

let num = 10;
if (true) {
    let num = 20;
    console.log(num);
}

输出:20

let num = 10;
if (true) {
    var num = 20;
    console.log(num);
}

控制台会报语法错误,Uncaught SyntaxError: Identifier 'num' has already been declared,因为var会变量提升。

let num = 10;
if (true) {
    console.log(num);
    let num = 20;
}

报引用错误:Uncaught ReferenceError: Cannot access 'num' before initialization;在使用变量时,会先在本级作用域查找,没有再向上级作用域查找,那这里为什么会说没有初始化呢?
根据segmentfaultChen博文

当程序的控制流程在新的作用域(module function 或 block 作用域)进行实例化时,在此作用域中用let/const声明的变量会先在作用域中被创建出来,但因此时还未进行词法绑定,所以是不能被访问的,如果访问就会抛出错误。因此,在这运行流程进入作用域创建变量,到变量可以被访问之间的这一段时间,就称之为暂时死区。

其实这种“ReferenceError”就是要我们在编程时确保先声明变量再使用,不要重复声明。

posted @ 2020-04-04 03:28  白熊爱料理  阅读(496)  评论(0编辑  收藏  举报