ES6 - 块级绑定

一直对于var、let、const声明的关系和区别都不是很明确，最近在《Understanding ECMAScript6》阅读时，其对于这三者的阐述还是比较清晰的（第一章 块级绑定），特此对这一章简单概括一下（继续阅读之后会对后续章节编写相关心得）

首先看下var、let、const的区别

对比项	var	let	const
是否需要初始化	×	×	√
变量提升	√	×	×
重复定义	√	×	×
可修改	√	√	× (当const声明的是一个对象时，其属性是可以被修改的)

注意点

1. 使用let和const声明的变量，试图在定义之前使用它，都会抛出引用错误
2. 
for(var i = 0; i < 10; i++){
// do something
}
console.log(i) // 10

   循环中，变量i在循环结束后依旧可以访问（变量提升），这并不是我们的预期，因此此时需要使用let来声明变量i，使其只在循环内部可用，其他位置皆不可以访问
3. 
var funcs = []
for(var i = 0; i < 10; i++){
funcs.push(function(){ console.log(i) })
}
funcs.forEach(function(func){ func() }) // 输出'10'十次

   funcs中函数都拥有对于同一变量i的引用，因此在调用时，访问的都是循环结束后的i，同样，使用let可解决此类问题（同样适用for-in和for-of）
4. 当在全局作用域上使用var时，它会创建一个新的全局变量，并成为全局对象（浏览器中是window）的一个属性，所以var可能会无意覆盖一个已有的全局属性，let与const不会导致这种情况

块级绑定的最佳实践

• 在默认情况下使用const，而只在你知道变量需要被改变的情况下才使用let。这在代码中能确保基本层次的不可变性，有助于防止某些类型的错误