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命令声明的全局变量不属于全局对象的属性。