Let
1、let声明的全局变量不是全局对象window的属性
不能用window.变量名的方式访问变量。
var a = 1
let b = 2
console.log(window.a)
console.log(window.b)
2、用let定义变量不允许重复声明
在ES5中var是可用重复声明的，而let会报错。
var a = 1
let a = 2 // Identifier 'a' has already been declared
let a = 1
let a = 2 // Identifier 'a' has already been declared
3、let声明的变量不存在变量提升
上一篇讲解了var的变量提升机制，而let不存在这个机制。
function foo() {
console.log(a)
let a = 5
}
foo()
// Uncaught ReferenceError: Cannot access 'a' before initialization
4、let声明的变量具有暂时性死区
JavaScript引擎在扫描代码遇到let时，会将声明放到临时死区中。在从上向下按顺序执行代码时，凡是访问到在临时死区中的变量，都会报错，直至执行过变量声明语句后，变量才从临时死区中移除，方可正常访问。
var a = 5
if (true) {
a = 6
let a
}
// Uncaught ReferenceError: Cannot access 'a' before initialization
有时“暂时性死区”比较隐蔽，比如：
function foo(b = a, a = 2) {
console.log(a, b)
}
foo()
// Uncaught ReferenceError: Cannot access 'a' before initialization
5、let声明的变量拥有块级作用域
上一篇已经介绍了块级作用域，这里我们说一下循环中的块级作用域问题。
for (var i = 0; i < 3; i++) {
console.log(i);
setTimeout(function() {
console.log(i)
},1)
}
// 0 1 2 3(3)
我们想象中函数是输出0 1 2，但是函数的结果为输出三次3，为什么会这样呢？
这是因为setTimeout中的函数为异步执行，执行顺序在循环执行完之后，而根据闭包的原则，其自由变量i在函数定义的位置向上查找，而此时for循环的块作用域中i的值为3，所以会输出三个3。
如何解决这个问题呢？
方法1：闭包
在i每次自增之前，都执行一次函数，保留i的备份j。在之后setTimeout执行时，直接查找备份j。
for (var i = 0; i < 3; i++) {
(function(j) {
setTimeout(function() {
console.log(j)
})
})(i)
}
方法2：使用let
for (let i = 0; i < 3; i++) {
setTimeout(function() {
console.log(i)
})
}
经过babel转化之后，和使用闭包的写法类似。
可以再babel官网进行尝试：babel官网。
Const
常量，不能被改变的量。
在ES5中常量的写法：
Object.defineProperty(window, 'PI', {
value: 3.14,
writable: false
})
console.log(PI) // 3.14
PI = 5
console.log(PI) // 3.14
在ES6中常量的写法：
const PI = 3.1415
console.log(PI)
PI = 5
console.log(PI)
// Uncaught TypeError: Assignment to constant variable.
注意:const声明的变量必须进行初始化，否则会抛出异常Uncaught SyntaxError: Missing initializer in const declaration
const的特性和let大体相同。
const定义对象
const在定义对象时，不能改变的是对象的引用，而不是对象的属性或方法。
因为常量在栈内存中存储的是对象的引用地址，而对象的属性和方法是存储在堆内存中。
const a = {
name: 'magic',
}
console.log(a.name) // magic
a.name = 'new magic'
console.log(a.name) // new magic
const a = {
name: 'magic',
}
a = {
name: 'wizard'
}
// Uncaught TypeError: Assignment to constant variable.
如果我们想要让a的name属性不可变要怎么办呢？
可以使用Object的freeze方法，但是要注意此方法只是浅层冻结，也就是说只能对最近的一层对象进行冻结，如果对象的属性有嵌套对象，依然不会被冻结。
const a = {
name: 'magic',
}
Object.freeze(a)
console.log(a.name); // magic
a.name = 'old magic'
console.log(a.name); // magic
对于let和const的选择
建议方法是：默认使用const，只在确实需要改变变量的值时使用let。这样就可用在某种程度上实现代码的不可变，从而防止某些错误的产生。