ES6 —— let 和 const 命令

let

1. 基本用法

let 声明的变量，只在 let 所在代码块内有效。

for (let i = 0; i < 10; i++) {
  // ...
}
console.log(i);// ReferenceError: i is not defined

上面的代码中，变量 i 只在循环体 {} 中有效，在循环外调用就会报错。

2.不存在变量提升

var 命令存在“变量提升”现象，变量在未声明之前使用，值为 undefined。

但是 let 声明的变量一定要在声明之后调用，否则会报错。

// var 的情况
console.log(foo); // 输出undefined
var foo = 2;

// let 的情况
console.log(bar); // 报错ReferenceError
let bar = 2;

3. 暂时性死区

var tmp = 123;
if (true) {
  tmp = 'abc'; // ReferenceError
  let tmp;
}

上面代码中，存在全局变量 tmp ，但是在块级作用域内 let 又声明了一个 局部变量 tmp ，导致后者绑定这个块级作用域，所以在 let 声明变量前，对 tmp 赋值会报错。

在代码块内，使用 let 命令声明变量之前，该变量都是不可用的，这在语法上，称为“暂时性死区”（TDZ）。

4. 不允许重复声明

let 不允许在相同作用域内，重复声明同一个变量。

// 报错
function func() {
  let a = 10;
  var a = 1;
}
function func(arg) {
  {
    let arg; // 不报错
  }
}

块级作用域

ES5 只有 全局作用域和函数作用域，let 为 JavaScript 增加了块级作用域。

function f1() {
  let n = 5;
  if (true) {
    let n = 10;
  }
  console.log(n); // 5
}

上面的函数有两个代码块，都声明了变量 n，运行后输出5。这表示外层代码块不受内层代码块的影响。

const

1. 基本用法

const 声明一个只读常量，一旦声明，常量的值就不能改变。这也意味着，const 一旦声明变量，就必须进行初始化，不能之后在赋值。

const PI = 3.1415;
PI // 3.1415
PI = 3;// TypeError: Assignment to constant variable.

const foo;
// SyntaxError: Missing initializer in const declaration

此外，const 的用法和 let 相同。

• 不存在变量提升
• 存在暂时性死区
• 只在块级作用域内有效
• 不可重复声明