当然不是说用完整的两个月时间来理解 let，而是零零碎碎地理解，同时我还要想着怎么写出一篇文章把这个事情说清楚。
在 let 刚出来的时候，我就「以为」我理解了 let。然鹅在过去的两个月里，我对 let 的理解发生了一波三折的变化。
我写这篇文章，是希望我的学习过程，能对你自学有帮助。
初识 let
跟很多人一样，我第一次了解 let 的特性是从 MDN 的文档：
我得到的信息有这么几条：
- let 声明的变量的作用域是块级的；
- let 不能重复声明已存在的变量；
- let 有暂时死区，不会被提升。
大部分人应该都是这么认为的，我也是这么理解的。
第一次质疑
我第一次质疑我的理解是在遇到 for 循环的时候，代码如下。
// 代码段1var liList = document.querySelectorAll('li') // 共5个lifor( var i=0; i 大家都知道依次点击 li 。如果把 var i 改成 let i，就会分别：
// 代码段2var liList = document.querySelectorAll('li') // 共5个lifor( let i=0; i 然而，用我之前的知识来理解这个代码是不能自圆其说的。因为代码中依然只声明了一个 i，在 for 循环结束后，i 的值还是会变成 5 才对。
这说明我的理解有误。
于是我去看 MDN 的例子，发现鸡贼的 MDN 巧妙地避开了这个问题，它的例子是这样的：
你看 MDN 的例子，在每次循环的时候用 let j 保留的 i 的值，所以在 i 变化的时候，j 并不会变化。而console.log 的是 j，所以不会出现 5 个 5。
为什么 MDN 要故意声明一个 j 呢，为什么不直接用 i 呢？
我猜测 MDN 为了简化知识，隐瞒了什么。
于是我去看了看 ES 文档，其中的 清楚地说明了个中缘由，但是由于说得太清楚了，很多人都看不下去，不信你可以试试。
我说一下我的理解：
- for( let i = 0; i< 5; i++) 这句话的圆括号之间，有一个隐藏的作用域
- for( let i = 0; i< 5; i++) { 循环体 } 在每次执行循环体之前，JS 引擎会把 i 在循环体的上下文中重新声明及初始化一次。
- 其他细节就不说了，太细碎了
也就是说上面的代码段2可以近似近似近似地理解为
// 代码段3var liList = document.querySelectorAll('li') // 共5个lifor( let i=0; i 那样的话，5 次循环，就会有 5 个不同的 i，console.log 出来的 i 当然也是不同的值。
再加上隐藏作用域里的 i，一共有 6 个 i。
这就是 MDN 加那句 let j = i 的原因：方便新人理解。
总得来说就是 let/const 在与 for 一起用时，会有一个 perIterationBindings 的概念（一种语法糖）。
从此之后，我就开始怀疑我对 let 的所有理解了。