ES6中let和var和const的區別

• 通過var定義的變數，作用域是整個封閉函式，是全域的 。通過let定義的變數，作用域是在塊級或是子塊中。

for (let i = 0; i < 10; i++) {
  // ...
}

console.log(i);
// ReferenceError: i is not defined
//計數器i只在for迴圈體內有效，在迴圈體外引用就會報錯。

• 1
• 2
• 3
• 4
• 5
• 6
• 7

• 變數提升現象：瀏覽器在執行程式碼之前會進行預解析，首先解析函式宣告，定義變數，解析完之後再對函式、變數進行執行、賦值等。
  -不論var宣告的變數處於當前作用域的第幾行，都會提升到作用域的頭部。
  -var 宣告的變數會被提升到作用域的頂部並初始化為undefined，而let宣告的變數在作用域的頂部未被初始化

// var 的情況
console.log(foo); // 輸出undefined
var foo = 2;
//相當於
var foo;  //宣告且初始化為undefined
console.log(foo);
foo=2;

• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8

// let 的情況
console.log(bar); // 報錯ReferenceError
let bar = 2;
//相當於在第一行先宣告bar但沒有初始化，直到賦值時才初始化

• 1
• 2
• 3
• 4
• 5
• 6

但是直接用let宣告變數不賦值是會列印undefined，還是初始化了，只是let宣告放在賦值之後，let宣告會提前但不會初始化。

let a;
alert(a);//值為undefined

alert b;//會報錯
let b;

• 1
• 2
• 3
• 4
• 5

• 只要塊級作用域記憶體在let命令，它所宣告的變數就“繫結”這個區域，不再受外部的影響。總之，在程式碼塊內，使用let命令宣告變數之前，該變數都是不可用的，儘管程式碼塊外也存在相同全域性變數。

var tmp = 123;

if (true) {
  tmp = 'abc'; // ReferenceError
  let tmp;
}
alert(tmp);  //輸出值為123，全域性tmp與區域性tmp不影響

• 1
• 2
• 3
• 4
• 5
• 6
• 7

• let不允許在相同作用域內，重複宣告同一個變數。

// 報錯
function () {
  let a = 10;
  var a = 1;
}
// 報錯
function () {
  let a = 10;
  let a = 1;
}

• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8
• 9
• 10