ES6 新增了let
命令,用来声明变量。它的用法类似于var
,但是所声明的变量,只在let
命令所在的代码块内有效,如果在代码块外使用,会报错,如下图:
1、for
循环的计数器,就很合适使用let
命令,变量i
是var
命令声明的,在全局范围内都有效,所以全局只有一个变量i
。每一次循环,变量i
的值都会发生改变,所以为10,如果使用let
,声明的变量仅在块级作用域内有效,最后输出的是 6。如下图:
2、var
命令会发生”变量提升“现象,即变量可以在声明之前使用,值为undefined,let
命令改变了语法行为,它所声明的变量一定要在声明后使用,否则报错。如下图:
3、只要块级作用域内存在let
命令,它所声明的变量就“绑定”(binding)这个区域,不再受外部的影响。ES6 明确规定,如果区块中存在let
和const
命令,这个区块对这些命令声明的变量,从一开始就形成了封闭作用域。凡是在声明之前就使用这些变量,就会报错。如下图:
4、“暂时性死区”也意味着typeof
不再是一个百分之百安全的操作。变量x
使用let
命令声明,所以在声明之前,都属于x
的“死区”,只要用到该变量就会报错。因此,typeof
运行时就会抛出一个ReferenceError
。作为比较,如果一个变量根本没有被声明,使用typeof
反而不会报错。调用bar
函数之所以报错(某些实现可能不报错),是因为参数x
默认值等于另一个参数y
,而此时y
还没有声明,属于”死区“。如果y
的默认值是x
,就不会报错,因为此时x
已经声明了。如下图:
5、let
不允许在相同作用域内,重复声明同一个变量。因此,不能在函数内部重新声明参数,如下图:
6、块级作用域的出现,实际上使得获得广泛应用的立即执行函数表达式(IIFE)不再必要了。