let命令
ES6 新增了let命令，用來聲明變量。它的用法類似于var，但是所聲明的變量，只在let命令所在的代碼塊內有效。
{
let a = 10;
var b = 1;
}
a // ReferenceError: a is not defined.
b // 1
上面代碼在代碼塊之中，分別用 let 和 var 聲明了兩個變量。然后在代碼塊之外調用這兩個變量，結果 let 聲明的變量報錯，var聲明的變量返回了正確的值。這表明，let聲明的變量只在它所在的代碼塊有效
for循環的計數器，就很合適使用let命令。
for (let i = 0; i < 10; i++) {
// ...
}
console.log(i);
// ReferenceError: i is not defined
上面代碼中，計數器i只在for循環體內有效，在循環體外引用就會報錯。
下面的代碼如果使用var，最后輸出的是10。
var a = [];
for (var i = 0; i < 10; i++) {
a[i] = function () {
console.log(i);
};
}
a[6](); // 10
上面代碼中，變量i是var命令聲明的，在全局范圍內都有效，所以全局只有一個變量i。每一次循環，變量i的值都會發生改變，而循環內被賦給數組a的函數內部的console.log(i)，里面的i指向的就是全局的i。也就是說，所有數組a的成員里面的i，指向的都是同一個i，導致運行時輸出的是最后一輪的i的值，也就是 10。
如果使用let，聲明的變量僅在塊級作用域內有效，最后輸出的是 6
var a = [];
for (let i = 0; i < 10; i++) {
a[i] = function () {
console.log(i);
};
}
a[6](); // 6
上面代碼中，變量i是let聲明的，當前的i只在本輪循環有效，所以每一次循環的i其實都是一個新的變量，所以最后輸出的是6。你可能會問，如果每一輪循環的變量i都是重新聲明的，那它怎么知道上一輪循環的值，從而計算出本輪循環的值？這是因為 JavaScript 引擎內部會記住上一輪循環的值，初始化本輪的變量i時，就在上一輪循環的基礎上進行計算。
另外，for循環還有一個特別之處，就是設置循環變量的那部分是一個父作用域，而循環體內部是一個單獨的子作用域
for (let i = 0; i < 3; i++) {
let i = 'abc';
console.log(i);
}
// abc
// abc
// abc
上面代碼正確運行，輸出了 3 次abc。這表明函數內部的變量i與循環變量i不在同一個作用域，有各自單獨的作用域。
不存在變量提升
console.log(foo); // ReferenceError: foo is not defined
console.log(foo==undefined); // 報錯 ReferenceError: foo is not defined
// 下面代碼,在console.log()后面寫了var foo,則不會報錯
console.log(foo); // undefined
var foo;
console.log(foo===undefined) // true
注意到沒有報錯,表明foo的值就是undefined
console.log(typeof foo); // undefined
上面代碼中，變量foo用var命令聲明，會發生變量提升，即腳本開始運行時，變量foo已經存在了，但是沒有值，所以會輸出undefined。
console.log(foo); //報錯 ReferenceError: foo is not defined
let foo;
上面代碼中使用let申明變量就不會出現變量提升。
暫時性死區
只要塊級作用域內存在 let 命令，它所聲明的變量就“綁定”（binding）這個區域，不再受外部的影響。
// var 的情況
var temp=123;
if(true){
temp='abc
}
console.log(temp); // abc
上面例子中, 在for循環外面 var 申明的變量，在循環里面對其做出操作改變其值都是可以的。
但是，一旦if循環里面有let申明的該變量后，就很有可能報錯！
var temp=123;
if(true){
temp='abc'
let temp
}
console.log(temp); // 報錯,語法錯誤 SyntaxError: Unexpected identifier
var的情況下
var temp=123;
if(true){
temp='abc'
var temp
}
console.log(temp); // abc
// var 的情況
var temp=123;
if(true){
temp='abc'
var temp=456
}
console.log(temp); // 456
// 可以看到上面的例子中,temp的值是456
“暫時性死區”也意味著 typeof 不再是一個百分之百安全的操作。
if(true){
console.log(typeof foo); // 報錯 ReferenceError: foo is not defined
let foo
}
作為比較，如果一個變量根本沒有被聲明，使用typeof反而不會報錯。
console.log(typeof foo); // undefined
不允許重復申明
let不允許在相同作用域內，重復聲明同一個變量。
// 報錯
function func() {
let a = 10;
var a = 1;
}
// 報錯
function func() {
let a = 10;
let a = 1;
}
2. 塊級作用于
ES5 只有全局作用域和函數作用域，沒有塊級作用域，這帶來很多不合理的場景。
var tmp = new Date();
function f() {
console.log(tmp);
if (false) {
var tmp = 'hello world';
}
}
f(); // undefined
上面代碼的原意是，if代碼塊的外部使用外層的tmp變量，內部使用內層的 tmp變量。但是，函數f執行后，輸出結果為 undefined，原因在于變量提升，導致內層的 tmp變量覆蓋了外層的 tmp 變量。
