1. ES6 let 与const

1.1 let 与const

let 声明的变量只在let 命令所在的代码块有效。
const 声明一个只读的常量，一旦声明，常量的值就不能改变了。

?

1 2 3 4 5

{     let a = 0;     a // 0 } a // 报错 因为没有提前定义

代码块内有效:

?

1 2 3 4 5 6 7

let 是在代码块内有效, var 是在全局范围内有效： {     let a = o;     var b = 1; } a   //  a is not defined b   // 1

不能重复声明

?

1 2 3 4 5 6 7

let 只能声明一次 var 可以声明多重 let a = 1; let a = 2; var b = 3; var b = 4; a   //  'a' has already been declared b   // 4

for 循环计数器很适合用let

?

1 2 3 4 5 6 7 8 9 10 11 12

for(var i = 0; i<10; i++){     setTimeout(()=>{         console.log(i);     }) } // 输出十个10 for(let j=0;j<10;j++){     setTimeout(()=>{         console.log(j);     }) } // 输出 0123456789

变量i 是用var声明的，在全局范围内有效，所以全局中只有一个变量i，每次循环时，定时器里面的i指的是全局变量i，而循环里十个计数器是在循环结束后执行的，所以此时 i 都是 10
变量j是用let声明的，当前的j只在本轮循环中有效，每次循环的j其实都是一个新的变量，所以定时器里面的j其实是不同的变量，既最后输出12345, (若每次循环的变量j都是重新声明的，如何知道前一个循环的值？)这是因为 JavaScript 引擎内部会记住前一个循环的值）。

不存在变量提升

let 不存在变量提升， var会变量提升：
console.log(a);    // a is not defined
let a = "apple"
console.log(b); //undefined
var b = "banana"

变量b用var声明存在变量提升，所以当脚本开始运行的时候，b已经存在，但是还没有赋值，所以会输出 undefined。
变量a用let声明不存在变量提升，在声明变量a之前，a不尽，所以会报错

const 命令
const声明一个只读变量，声明之后不允许改变，意味着，一旦声明必须初始化赋值，否则会报错
基本用法：

const PI = "3.1415926"
PI    //3.1415926
const MY_AGE;  // SyntaxError: Missing initializer in const declaration

暂时性死区：
var PI = "a";
if (true){
    console.log(PI)
    const PI = "3.1415026"    // 'PI'has already been declared
}

ES6 明确规定，代码块内如果存在 let 或者 const 代码块会对这些命令声明的变量块的开始就形成一个分封闭作用域，代码块内，声明变量PI之前使用它会报错。