目录
let命令
作用域
无变量提升
不允许重复声明
暂时性死区
块级作用域
函数能否在块级作用域中声明
const命令
let命令
作用域
ES6 新增了let
命令,用来声明变量。它的用法类似于var
,但是作用域不同,let命令只在所在的代码块内有效。举个例子:
{let a = 10var b = 1
}
console.log(a)//ReferenceError: a is not defined.
console.log(b)//1
上面代码在代码块之中,分别用let
和var
声明了两个变量a和b。在代码块之外调用这两个变量,结果变量a报错,变量b返回了正确的值。这表明,let
声明的变量只在它所在的代码块有效。
所以for循环就很适合用let,而且for
循环还有一个特别之处,就是设置循环变量的那部分是一个父作用域,而循环体内部是一个单独的子作用域。例:
for (let i = 0; i < 3; i++) {let i = 'abc';console.log(i);
}
// abc
// abc
// abc
上面代码正确运行,并且输出了 3 次abc
。这表明函数内部的变量i
与循环变量i
不在同一个作用域,有各自单独的作用域(同一个作用域不可使用 let
重复声明同一个变量)。
无变量提升
var
命令会发生“变量提升”现象,即变量可以在声明之前使用,值为undefined
。
而let所声明的变量一定要在声明后使用,否则报错。 例:
console.log(foo); // 输出undefined
var foo = 2;console.log(bar); // 报错ReferenceError
let bar = 2;
不允许重复声明
简而言之就是不允许在相同作用域内,重复声明同一个变量。这个很好理解。例:
// 报错
function func() {let a = 10;var a = 1;
}// 报错
function func() {let a = 10;let a = 1;
}
暂时性死区
ES6 明确规定,如果区块中存在let
和const
命令,这个区块对这些命令声明的变量,从一开始就形成了封闭作用域。凡是在声明之前就使用这些变量,就会报错。也就是说,在代码块内,使用let
命令声明变量之前,该变量都是不可用的。这在语法上,称为“暂时性死区”(temporal dead zone,简称 TDZ)。例:
if (true) {// TDZ开始tmp = 'bb'; // ReferenceErrorconsole.log(tmp); // ReferenceErrorlet tmp; // TDZ结束console.log(tmp); // undefinedtmp = aa;console.log(tmp); // aa
}
上面代码中,在let
命令声明变量tmp
之前,都属于变量tmp
的“死区”。
块级作用域
let
为 JavaScript 新增了块级作用域,且ES6允许块级作用域的任意嵌套。
{{let a = 'b'{let a = 'a'console.log(a) // a}console.log(a) // b} console.log(a) // 报错
}
上面代码有3层块级作用域,每一层都是一个单独的作用域,因此外面的作用域无法读取内部作用域的变量。但是内部作用域可以定义外部作用域变量。
函数能否在块级作用域中声明
ES5 规定,函数只能在顶层作用域和函数作用域之中声明,不能在块级作用域声明。但是,浏览器没有遵守这个规定,为了兼容以前的旧代码,还是支持在块级作用域之中声明函数,不会报错。
ES6 引入了块级作用域,明确允许在块级作用域之中声明函数。ES6 规定,块级作用域之中,函数声明语句的行为类似于let
,在块级作用域之外不可引用。
const命令
const命令有以下几个特点:
const
声明一个只读的常量。一旦声明,常量的值就不能改变。
const
一旦声明变量,就必须立即初始化,不能留到以后赋值。
const
的作用域与let
命令相同:只在声明所在的块级作用域内有效。(参考上面let命令)
const
命令声明的常量也是不提升,同样存在暂时性死区,只能在声明的位置后面使用。 (参考上面let命令)
const
声明的常量,也与let
一样不可重复声明。 (参考上面let命令)
注:const
实际上保证的,并不是变量的值不得改动,而是变量指向的那个内存地址所保存的数据不得改动。
关于const命令就不举例说明了,建议自行尝试