在ES2015(ES6) 新增加了两个重要的 JavaScript 关键字: let 和 const 。
- let 声明的变量只在 let 命令所在的代码块内有效。
- const 声明一个只读的常量，一旦声明，常量的值就不能改变。
1.let
1.1 let 只在代码块内有效
{
var a = 1
let b = 2
}
// 1
console.log(a)
// Uncaught ReferenceError: b is not defined
console.log(b)
let 只在当前声明的 { } 代码块里面有效，var 是全局有效
1.2 let 不能重复声明
var b = 1
var b = 2
// 2
console.log(b)
let a = 1
let a = 2
// Uncaught SyntaxError: Identifier 'a' has already been declared
console.log(a)
let 只能声明一次 var 可以声明多次
1.3 let 在 for 循环中的使用
for (var i=0; i<10; i++) {
setTimeout(function() {
// 打印10次10
console.log(i)
}, 1000);
}
for (let j=0; j<10; j++) {
setTimeout(function() {
// 打印0-9
console.log(j)
}, 1000)
}
变量 i 是用 var 声明的，在全局范围内有效，所以全局中只有一个变量 i, 每次循环时，setTimeout 定时器里面的 i 指的是全局变量 i ，而循环里的十个 setTimeout 是在循环结束后才执行，所以此时的 i 都是 10。
变量 j 是用 let 声明的，当前的 j 只在本轮循环中有效，每次循环的 j 其实都是一个新的变量，所以 setTimeout 定时器里面的 j 其实是不同的变量，即最后输出12345。（若每次循环的变量 j 都是重新声明的，如何知道前一个循环的值？这是因为 JavaScript 引擎内部会记住前一个循环的值）。
1.4 不存在声明提升
console.log(a);
//ReferenceError: a is not defined
let a = "apple";
console.log(b);
//undefined
var b = "banana";
变量 b 用 var 声明存在变量提升，所以当脚本开始运行的时候，b 已经存在了，但是还没有赋值，所以会输出 undefined。
变量 a 用 let 声明不存在变量提升，在声明变量 a 之前，a 不存在，所以会报错。
2.const
2.1 声明一个只读变量，声明之后不允许改变
const a = 1;
a = 2;
//Uncaught TypeError: Assignment to constant variable
2.2 一旦声明必须初始化，否则会报错
const a ;
//Uncaught SyntaxError: Missing initializer in const declaration
2.3 暂时性死区
console.log(a)
const a = 1;
//Uncaught ReferenceError: a is not defined
代码块内如果存在 let 或者 const，代码块会对这些命令声明的变量从块的开始就形成一个封闭作用域。代码块内，在声明变量 PI 之前使用它会报错。
网友评论