let引起的暂时性死区

こ雲淡風輕ζ 提交于 2020-04-04 04:14:00

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就是要我们在编程时确保先声明变量再使用,不要重复声明。

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!