let究竟有没有提升？

初识let

MDN文档对let的解释

• let声明的变量的作用域是块
• let不能同一个函数或块作用域中重复声明已存在的变量，会报错
• 通过 let 声明的变量直到它们的定义被执行时才初始化，在变量初始化前访问该变量会导致 ReferenceError

今天在一个前端交流群里，一个变量提升的题目引起大家对let到底有没有提升的讨论，我在网上看了一些资料之后，把自己的一些理解写下来

---

深入理解let

要理解let有没有提升，受首先我们要搞清楚提升这个概念，然后要理解JS变量的创建create、初始化initialize和赋值assin

var声明的 [ 创建、初始化和赋值 ] 过程

function fn(){
   var x = 1;
   var y = 2;
}
fn()

执行fn的过程(不完全):
1，进入 fn，为 fn 创建一个环境。
2，找到 fn 中所有用 var 声明的变量，在这个环境中「创建」这些变量（即 x 和 y）。
3，将这些变量「初始化」为 undefined。
4，开始执行代码
5，x = 1 将 x 变量「赋值」为 1
6，y = 2 将 y 变量「赋值」为 2

小结： var 声明会在代码执行之前就将「创建变量，并将其初始化为 undefined」

function声明的「创建、初始化和赋值」过程

fn2()
function fn2(){
    console.log(2)
}

执行过程：
1，找到所有用 function 声明的变量，在环境中「创建」这些变量。
2，将这些变量「初始化」并「赋值」为 function(){ console.log(2) }。
3，开始执行代码 fn2()

小结: function 声明会在代码执行之前就「创建、初始化并赋值

let 声明的「创建、初始化和赋值」过程

{
   let x = 1;
   x = 2;
}

{}里的过程：
1，找到所有用 let 声明的变量，在环境中「创建」这些变量
2，开始执行代码（注意现在还没有初始化）
3，执行 x = 1，将 x 「初始化」为 1（这并不是一次赋值，如果代码是 let x，就将 x 初始化为 undefined）
4，执行 x = 2，对 x 进行「赋值」

let 的「创建」过程被提升了，但是初始化没有提升。

看到这里，你应该明白了 let 到底有没有提升：

let 的「创建」过程被提升了，但是初始化没有提升。
var 的「创建」和「初始化」都被提升了。
function 的「创建」「初始化」和「赋值」都被提升了。
const 和 let 只有一个区别，const 只有「创建」和「初始化」，没有「赋值」过程。
所谓暂时死区，就是不能在初始化之前，使用变量。

文章参考：https://blog.csdn.net/A13330069275/article/details/81264890