let
1.不允许重复声明变量名
let a = 222;
var a = 2;
console.log(a);
运行导致报错:
Uncaught SyntaxError: Identifier 'a' has already been declared
a 已经被声明过
2.let 拥有块级作用域
{
let a = 9;
}
报错:
Uncaught ReferenceError: a is not defined
a 未被定义
{
var a = 0;
}
console.log(a);
运行结果:0
结论:块级作用域是
let
、const
独有的,var
声明的变量是不存在块级作用域的。
3.不存在变量提升
在了解过预编译后,我们知道,JS 运行前会进行全文扫描,将变量和函数声明进行提升。但仅针对用var
关键字声明的变量。ES6 中加入的let
和const
关键字声明的变量将不会参与预编译!
console.log(b); //undefined
var b = 2;
console.log(a); //Uncaught ReferenceError: Cannot access 'a' before initialization
let a = 1;
4.暂时性死区
if(){}和 for(){}的花括号都属于块级作用域,当块级作用域中存在 let 或 const 声明的变量时,如果在 let 或 const 之前进行对变量的操作,都会报错。
var t = 9;
for (var i = 1; i < 2; i++) {
console.log(t);
let t;
}
按照我们以前的理解,这时在 for 块级作用域中,t
还未被声明,我们以为会去向上找到全局中的 t=9
,但运行结果Uncaught ReferenceError: Cannot access 't' before initialization
。
这是因为只要块级作用域内存在 let 命令,它所声明的变量就“绑定”(binding)这个区域,不再受外部的影响。
验证一下,函数作用域中,是否会出现这种影响呢?
var a = 9;
function fn() {
console.log(a);
let a;
}
fn(); //Uncaught ReferenceError: Cannot access 't' before initialization
同样报错。
通过上面代码,我们可以得到一个结论:块级作用域 ⊇ 函数作用域
块级作用域的定义是这样的:任何一对花括号{ }中的语句集都属于一个块,我们称之为块级作用域。在这之中定义的 let 与 const 变量在代码块外都是不可见的。
现在进行编程时,我们需要养成良好的习惯,先声明再使用。
另外,还有一个需要注意的地方。ES6 的块级作用域必须有大括号,如果没有大括号,JavaScript 引擎就认为不存在块级作用域。
if (true) let x = 1;
运行报错:
Uncaught SyntaxError: Lexical declaration cannot appear in a single-statement context
词汇声明不能出现在单个语句上下文中
正确写法:
if (true) {
let x = 1;
}
在严格模式下的函数声明也是
'use strict';
if (true)
function fn() {
return 1;
}
报错:
Uncaught SyntaxError: In strict mode code, functions can only be declared at top level or inside a block.
正确写法:
'use strict';
if (true) {
function fn() {
return 1;
}
}