let和const命令

let 命令

let只在聲明所在的塊級作用域內有效，需要先申明後使用

{
  let a = 10;
  var b = a;
}
a // ReferenceError: a is not defined
b // 1

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（也就是同一個i，即最後一輪的i的值，也就是10），修改方法var改成let或者將內層函數變成塊級作用域，外層i作為變數值傳給塊級作用域的函數。

const 命令

const聲明一個只讀的常量，一旦聲明變數，就必須立即初始化，不能留到以後賦值。

const foo;
// SyntaxError: Missing initializer in const declaration

const PI = 3.1415;
PI // 3.1415

PI = 3;
// TypeError: Assignment to constant variable

const實際上保證的，並不是變數的值不得改動，而是變數指向的那個記憶體地址所保存的數據不得改動。對於簡單數據類型（數值、字元、布爾值），值保存在記憶體地址里，對於複雜數據類型（數組、對象），變數指向的記憶體地址，保存的只是一個指針，const只能保證這個指針是固定的，對於值是否改變不可以保證。

<!-- 對象 -->
const foo = {}
foo.name = 'a'; // 正確
foo = {} // 錯誤

<!-- 數組 -->
const arr = []
arr.push('a'); // 正確
arr.length = 0; // 可執行
arr = ['a']; // 報錯

如果想讓定義的對象或數組凍結，可以使用Object.freeze方法，當使用Object.freeze方法凍結對象或數組時，添加新屬性不起作用，嚴格模式下會報錯。

const foo = Object.freeze({});
// 常規模式時，下麵一行不起作用
// 嚴格模式時，報錯
foo.name = 'a';

const arr = Object.freeze([]);
// 常規模式時，下麵一行不起作用
// 嚴格模式時，報錯
arr[0] = 'a';

除了將對象本身凍結，對象的屬性也應該凍結。下麵是一個將對象徹底凍結的函數。

var constantize = obj => {
  Object.freeze(obj);
  Object.keys(obj).forEach(key => {
    if (typeof obj[key] === 'object') {
      constantize(obj[key]);
    }
  })
}

const foo = {
  name: 'a'
}
foo.age = 20; // 正確
foo.name = 'Lily'; // 正確
constantize(foo);
foo.age = 20; // 報錯