【ES6】let、const变量提升的验证，以及TDZ死区的理解

最新推荐文章于 2023-11-01 07:32:01 发布

Bannings_

最新推荐文章于 2023-11-01 07:32:01 发布

阅读量511

点赞数 1

文章标签： ES6 JavaScript

本文链接：https://blog.csdn.net/qq_35051298/article/details/82462483

版权

前段时间在网上自学ES6，了解到ES6新增的let和const是存在变量提升的，但是由于TDZ（暂时性死区）的存在，在定义前访问会出现错误。

今天在腾讯课堂听老师讲ES6，多次强调let和const没有预解析，且没有变量提升，这就使我非常的懵圈，最终还是打算自己来试一下。

下面是最终使我得出结论的代码：

let name = "Bannings";

if(true){
    console.log(name);//Uncaught ReferenceError: name is not defined
    let name = "Estelle Bright";
}

假设let不存在变量提升，console.log(name)应该会直接访问全局作用域下的name而返回“Bannings”.

然而实际情况并非如此，在这行代码执行时，我们的编译器似乎已经知道了我们现在所处的作用域内接下来会有let的声明，这很明显就是变量提升的杰作。

所以，最后得出的结论是：
1、let和const存在变量提升！
2、由于TDZ死区的存在，在块内使用let和const声明变量之前，访问这些变量，都将直接报出异常。

PS：阿里一面下来感觉真的被虐的好惨T T前几天刚退下去高烧又烧回来了（你以为你是贾克斯啊喂！）感觉包括ES6在内，js模块化，webpack之类的东西也得一点一点的补起来，在这里跟大家共勉吧。

关注