let 和 const

• let 声明的变量的作用域是块级的
• let 不能重复声明已经存在的变量
• let 有暂时死区，不会被提升
  however:
  

[JavaScript] 纯文本查看 复制代码

var liList = document.querySelectorAll('li') // 共5个li[/size][/font][/color]
[color=#404040][font=-apple-system, BlinkMacSystemFont, &quot][size=16px]for( let i=0; i<liList.length; i++){[/size][/font][/color]
[color=#404040][font=-apple-system, BlinkMacSystemFont, &quot][size=16px]  liList[i].onclick = function(){[/size][/font][/color]
[color=#404040][font=-apple-system, BlinkMacSystemFont, &quot][size=16px]    console.log(i)[/size][/font][/color]
[color=#404040][font=-apple-system, BlinkMacSystemFont, &quot][size=16px]  }[/size][/font][/color]
[color=#404040][font=-apple-system, BlinkMacSystemFont, &quot][size=16px]} //分别打印0、1、2、3、4

明明声明了一个 i，循环结束后 i 的值还是变为 5 才对；查阅一番发现：
for( let i = 0; i< 5; i++) 这句话的圆括号之间，有一个隐藏的作用域
for( let i = 0; i< 5; i++) { 循环体 } 在每次执行循环体之前，JS 引擎会把 i 在循环体的上下文中重新声明及初始化一次。
可以近似的理解为：

[JavaScript] 纯文本查看 复制代码

var liList = document.querySelectorAll('li')
for (let i=0; i<liList.length; i++) {
    let i = 隐藏作用域中的i //please see me me me
    liList[i].onclick = function () {
        console.log(i)
    }
}

这样的话，5 次循环，就会有 5 个不同的 i，加上隐藏作用域的 i，一共有 6 个 i；
总的来说就是 let/const 在与 for 一起用时，会有一个 perlterationBindings 的概念（语法糖）
let 声明也会提升

• let 声明会提升到块顶部
• 从块顶部到该变量的初始化语句， 这块区域叫做暂时性死区（TDZ)
• 如果在 TDZ 使用该变量，就会报错
• 不与 hoisting 等价
  

[JavaScript] 纯文本查看 复制代码

let a = 1
{
    a = 2
    let a
}

可近似理解为

[JavaScript] 纯文本查看 复制代码

let a = 1
{
    let a //TDZ开始的地方
    'start a TDZ'
    a = 2 //由于 a=2在TDZ中，报错
    a // TDZ结束的地方
    'end a TDZ'
}

所以，let 提升了，但是由于 TDZ 的存在，你不能在声明之前使用这个变量
JS变量的【创建create、初始化initialize和赋值assign】

• let: 创建过程被提升了，但是初始化没有提升
• var： 创建和初始化都被提升了
• function： 创建初始化和赋值都被提升了
• const： const只有创建和初始化，没有赋值过程
  
  

let 和 const

• let 声明的变量的作用域是块级的
• let 不能重复声明已经存在的变量
• let 有暂时死区，不会被提升
  however:
  

[JavaScript] 纯文本查看 复制代码

var liList = document.querySelectorAll('li') // 共5个li[/size][/font][/color]
[color=#404040][font=-apple-system, BlinkMacSystemFont, &quot][size=16px]for( let i=0; i<liList.length; i++){[/size][/font][/color]
[color=#404040][font=-apple-system, BlinkMacSystemFont, &quot][size=16px]  liList[i].onclick = function(){[/size][/font][/color]
[color=#404040][font=-apple-system, BlinkMacSystemFont, &quot][size=16px]    console.log(i)[/size][/font][/color]
[color=#404040][font=-apple-system, BlinkMacSystemFont, &quot][size=16px]  }[/size][/font][/color]
[color=#404040][font=-apple-system, BlinkMacSystemFont, &quot][size=16px]} //分别打印0、1、2、3、4

明明声明了一个 i，循环结束后 i 的值还是变为 5 才对；查阅一番发现：
for( let i = 0; i< 5; i++) 这句话的圆括号之间，有一个隐藏的作用域
for( let i = 0; i< 5; i++) { 循环体 } 在每次执行循环体之前，JS 引擎会把 i 在循环体的上下文中重新声明及初始化一次。
可以近似的理解为：

[JavaScript] 纯文本查看 复制代码

var liList = document.querySelectorAll('li')
for (let i=0; i<liList.length; i++) {
    let i = 隐藏作用域中的i //please see me me me
    liList[i].onclick = function () {
        console.log(i)
    }
}

这样的话，5 次循环，就会有 5 个不同的 i，加上隐藏作用域的 i，一共有 6 个 i；
总的来说就是 let/const 在与 for 一起用时，会有一个 perlterationBindings 的概念（语法糖）
let 声明也会提升

• let 声明会提升到块顶部
• 从块顶部到该变量的初始化语句， 这块区域叫做暂时性死区（TDZ)
• 如果在 TDZ 使用该变量，就会报错
• 不与 hoisting 等价
  

[JavaScript] 纯文本查看 复制代码

let a = 1
{
    a = 2
    let a
}

可近似理解为

[JavaScript] 纯文本查看 复制代码

let a = 1
{
    let a //TDZ开始的地方
    'start a TDZ'
    a = 2 //由于 a=2在TDZ中，报错
    a // TDZ结束的地方
    'end a TDZ'
}

所以，let 提升了，但是由于 TDZ 的存在，你不能在声明之前使用这个变量
JS变量的【创建create、初始化initialize和赋值assign】

• let: 创建过程被提升了，但是初始化没有提升
• var： 创建和初始化都被提升了
• function： 创建初始化和赋值都被提升了
• const： const只有创建和初始化，没有赋值过程