ES 6 : let与const

1.let命令

[ 基本用法 ]

　　let命令的用法与var类似，用于声明一个变量，但是let声明的变量只能在let所在的代码块内有效：

　　上述代码块中使用let和var声明了两个变量。然后在代码块之外调用这两个变量，结果let声明的变量报错，var声明的变量返回了正确的值。说明，let声明的变量只在其所在代码块之内有效。

[ 不存在变量提升 ]

　　let不像var那样会发生"变量提升"现象。所以，变量一定要在声明后使用，否则报错。

　　

[ 暂时性死区 ]

　　如果区块中存在let和const命令，则这个区块对这些命令声明的变量从一开始就形成封闭作用域。只要在声明之前就使用这些变量就会报错。这在语法上称为"暂时性死区"简称TDZ。

    

　　上面的代码中，在let命令声明tmp之前，都属于变量tmp的"死区"。有些"死区"比较隐蔽，不太容易发现：

　　报错的原因是参数x默认等于参数y，而此时y还没有声明，属于"死区"。如果声明在使用之前就不会报错：

　　总结：暂时性死区的本质就是，只要一进入当前作用域，所要使用的变量就已存在，但是不可获取，只有等到声明变量的那一行代码出现，才可以获取和使用该变量。

[ 不允许重复声明 ]

 　　let不允许在相同作用域内重复声明同一个变量。

 

　　因此，不能在函数内部重新声明参数。

2. 块级作用域

　　ES5只有全局作用域和函数作用域，没有块级作用域，这会导致以下几个不合理的场景：

　　- 第一种场景，内层变量可能会覆盖外层变量。

　　函数f执行后，变量提升导致内层的tmp变量覆盖了外层的tmp变量。

　　- 第二种场景，用来计数的循环变量泄露为全局变量。

　　变量i只用来控制循环，但是在循环结束之后它并没有消失，而是泄露成为了全局变量。

 　　let实际上为JavaScript新增了块级作用域。

　　上面函数有两个代码块，都声明了变量n，运行后输出5。表示外层代码块不受内层代码块的影响。如果使用var定义变量，则输出10：

 　　ES6允许块级作用域任意嵌套，外层作用域无法读取内层作用域的变量，但是内层作用域可以定义外层作用域的同名变量。

3. const命令

　　const用来声明常量，一旦声明，其值不能改变。

　　这意味着，一旦用const声明一个常量，就必须立即初始化，不能留到以后赋值，如果只声明不赋值就会报错：

[ const ]

　　• 作用域与let命令相同：只在声明所在的块级作用域内有效。

　　• 声明的常量也不能提升，同样存在暂时性死区。

　　• 不可以重复声明常量。

[ const声明复合类型变量 ]

　　对于复合类型的变量，变量名不指向数据，而是指向数据所在的地址。const命令只是保证变量名指向的地址不变，而不保证该地址的数据不变。

　　

　　上面代码中，常量foo存储的是一个地址，指向一个对象。不可变的只是这个地址，即不能把foo指向另一个地址，但对象本身是可变的，所以依然可以为其添加新属性。但如果将另一个地址赋值给foo，就会报错：

　　如果真的想将对象冻结，使其不可添加新属性，应该使用Object.freeze方法。

　　给foo添加新属性不起效果。

　　除了冻结对象本身，对象的属性也应该一起冻结，下面是一个将对象彻底冻结的函数：

　　对象被彻底冻结之后，属性也无法被修改。

 4. 全局对象属性

　　全局对象是最顶层的对象，在浏览器环境中指的是window对象。在ES5中，全局对象的属性与全局变量是等价的。

　　这种规定容易在不知不觉中就创建了全局变量，ES6为了改变这一点，一方面规定，var命令和function命令声明的全局变量依旧是全局对象的属性；另一方面规定，let命令、const命令和class命令声明的全局变量不属于全局对象的属性。