JavaScript —— ES6 -- let、const

在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 之前使用它会报错。

最后编辑于：2019.10.15 16:32:25