let、const 真的没有变量提升吗

一、var

var 是在 ES6 之前用于声明变量的命令。让我们来看一下它主要的特点：

• 允许声明重复变量
• var 存在变量提升（后面做详细介绍）
• var 变量不是在函数内声明会添加进 window 对象（全局变量）
• 不存在块级作用域，就比如在 for 循环、if 语句等中使用 var 声明变量，可在外层进行访问。

二、let

let 是ES6 新增的命令。主要特点：

• 不允许声明重复变量
• 存在暂时性死区（后面做详细介绍）
• let 声明的变量不会添加进 window，即使在全局作用域下声明，也不会加入到 windows 中。
• 存在块级作用域，在大括号内使用 let 声明的变量，外层无法访问

三、const

const 也是 ES6 新增的命令，let 有的特性它都有，它们主要的区别就是：

• 声明必须赋值
• 赋值后不可重新赋值，如果是赋值引用类型，引用类型的属性可以修改。因为 const 无法控制引用地址的更改。

四、变量提升与暂时性死区

       显示变量提升：就是使用 var 声明的变量，在 js 预解析的时候，会将变量的声明提升至全局或函数的顶端。如下方代码：在某个作用域中使用 var 声明变量在后，赋值在前，但是还是不会报错。

function foo() {
    bar = 1;
    var bar;
    console.log(bar)    // 1
}

暂时性死区：所谓暂时性死区就是不能再初始化之前使用变量。但是 let、const 就没有变量提升吗？我们看一下下面代码：

function foo() {
    console.log(bar)   // Cannot access 'bar' before initialization
    let bar;
}

foo()

       我们发现报的错误信息说的是：初始化前无法访问 bar 。也就是说在变量声明前进行访问时，变量还未进行初始化。其实我们对于变量进行声明分为两个步骤：1、创建变量 2、对变量初始化。看到上面的执行报错结果，我们知道了 let 声明变量前访问变量，初始化操作是一定没有的。

       那么创建过程会有吗？其实是有的，因为 js 是静态作用域，在代码编译的时候就会去分析各作用域的变量对象，所以创建过程是一定在代码执行前完成的。但是为了防止在变量声明前就能访问变量，所以就没有提前进行初始化操作，也就不能在声明前使用变量了。

       所以 let、const 声明的变量在创建过程会提升，而初始化阶段不会。这也就是暂时性死区的这一大特点，防止声明前就使用，减少运行时错误。

五、总结

       ES6 新增了 let、const，就是为了弥补有时候 var 带来的缺陷，如变量提升、产生大量的全局变量占用内存、没有块级作用域。因为在有的场景下我们可能并不希望有这些特性。而 const 就是为了使得声明变量变得更加的规范、合理、优化。比如：对于有的场景我们并不希望该变量被更改，更改了可能会造成意外的错误，就如 TypeSirpt 做类型限制一样，当类型突然变了，可能代码就会出现错误。

        这与这三个命令的使用，需要我们自己合理运用，才能发挥它们各自的优势。