let的变量提升

let 会进行变量提升吗？
参考1 参考2 参考3
看了这些技术文章后，个人总结来说，

大体上可以认为let没有进行变量提升，因为在效果上可以看出，let确实没有像var一样进行变量提升，如果在let声明变量之前就使用变量的话会报错，

但是有例子代码可以证明，let是进行了变量提升的，但是由于暂时性死区（ temporal dead zone，简称TDZ ）的存在，无法在TDZ中对变量进行访问操作，所以会报错，

下面对let操作进行分解

• 以下分解过程参考文章 https://www.jianshu.com/p/0f49c88cf169

首先先分解JS创建一个变量的过程

• 创建 create、或者称为声明（declare）
• 初始化 initialize 、或者称为绑定（binding）
• 赋值 assign

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

假设有如下代码：

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

在执行 fn 时，会有以下过程（不完全）：

进入 fn，为 fn 创建一个环境。
找到 fn 中所有用 var 声明的变量，在这个环境中「创建」这些变量（即 x 和 y）。
将这些变量「初始化」为 undefined。
开始执行代码
x = 1 将 x 变量「赋值」为 1
y = 2 将 y 变量「赋值」为 2
也就是说 var 声明会在代码执行之前就将「创建变量，并将其初始化为 undefined」。

这就解释了为什么在 var x = 1 之前 console.log(x) 会得到 undefined。

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

假设代码如下：

fn2()

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

JS 引擎会有一下过程：

找到所有用 function 声明的变量，在环境中「创建」这些变量。
将这些变量「初始化」并「赋值」为 function(){ console.log(2) }。
开始执行代码 fn2()
也就是说 function 声明会在代码执行之前就「创建、初始化并赋值」。

和var不同的是，var在执行之前，虽然提前声明了也初始化undefined了，但是并没有赋值，而function是连赋值过程也完成了的，所以在前面就执行函数，是没有问题的，但是访问var的变量是undefined

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

假设代码如下：

{
  let x = 1
  x = 2
}

我们只看 {} 里面的过程：

找到所有用 let 声明的变量，在环境中「创建」这些变量
开始执行代码（注意现在还没有初始化）
执行 x = 1，将 x 「初始化」为 1（这并不是一次赋值，如果代码是 let x，就将 x 初始化为 undefined）
执行 x = 2，对 x 进行「赋值」
这就解释了为什么在 let x 之前使用 x 会报错：

let x = 'global'
{
  console.log(x) // Uncaught ReferenceError: x is not defined
  let x = 1
}

原因有两个

console.log(x) 中的 x 指的是下面的 x，而不是全局的 x，因为有块级作用域的存在
执行 log 时 x 还没「初始化」，所以不能使用（也就是所谓的暂时死区）

根据TDZ的技术帖子，可以暂时将上面的代码理解为如下：

let x = 'global'
{
  let x 	// TDZ开始
  console.log(x) // 处于TDZ中，x被声明，但是并没有初始化，不能访问该变量，所以报错Uncaught ReferenceError: x is not defined
  x = 1		//TDZ结束，以后的代码就可以正常访问变量x了
}

总结

let 的「创建」过程被提升了，但是初始化没有提升。
var 的「创建」和「初始化」都被提升了。
function 的「创建」「初始化」和「赋值」都被提升了。
最后看 const，其实 const 和 let 只有一个区别，那就是 const 只有「创建」和「初始化」，没有「赋值」过程。

所谓暂时死区，就是不能在初始化之前，使用变量，因此let和const可以看做是没有提升，但是细说就要说详细了