let、const

一直在用却容易被遗忘

for 循环

for (let i = 0; i < 3; i++) {
  let i = 'abc';
  console.log(i);
}
// abc
// abc
// abc

输出了3 次abc。这表明for循环设置循环变量的那部分是一个父作用域，而循环体内部是一个单独的子作用域。

暂时性死区

使用let声明变量时，只要变量在还没有声明完成前使用，就会报错。下面代码帮助理解：

var tmp = 123;
if (true) {
  console.log(typeof tmp);//ReferenceError
  tmp = 'abc'; // ReferenceError
  
  let tmp; //TDZ结束
  console.log(tmp); // undefined

  tmp = 123;
  console.log(tmp); // 123
}

块级作用域

块级作用域必须有大括号，如果没有大括号，JavaScript 引擎就认为不存在块级作用域。

// 第一种写法，报错
if (true) let x = 1;

// 第二种写法，不报错
if (true) {
  let x = 1;
}

第一种写法没有大括号，所以不存在块级作用域，而let只能出现在当前作用域的顶层，所以报错。第二种写法有大括号，所以块级作用域成立。

const

const实际上保证的是变量指向的内存地址所保存的数据不得改动。
对于简单类型的数据（数值、字符串、布尔值），变量指向的内存地址，保存的数据就是变量的值，因此等同于常量。
复合类型的数据（主要是对象和数组），变量指向的内存地址，保存的只是一个指向实际数据的指针，const只能保证指针不变，指针指向的数据就完全不能控制了。
比如你用const声明了一个对象，你可以给它添加属性，也可以更改已有属性的值，这都不会报错，但是让它指向新的地址就会报错。

const foo = {};

// 为 foo 添加一个属性，可以成功
foo.prop = 123;
foo.prop // 123

// 将 foo 指向另一个对象，就会报错
foo = {}; // TypeError: "foo" is read-only

const a = [];
a.push('Hello'); // 可执行
a.length = 0;    // 可执行
a = ['Dave'];    // 报错

冻结对象，不让更改，使用Object.freeze
详细可参考MDN文档

const foo = Object.freeze({});

// 常规模式时，下面一行不起作用（添加新属性不起作用）；
// 严格模式时，该行会报错
foo.prop = 123;

//将对象彻底冻结，包括属性也不让修改
var constantize = (obj) => {
  Object.freeze(obj);
  Object.keys(obj).forEach( (key, i) => {
    if ( typeof obj[key] === 'object' ) {
      constantize( obj[key] );
    }
  });
};