ES6：let和const命令

发表于   |   分类于

let 和 const 命令

缘由：

就是想学习下ES6，然后就去看了阮一峰的ECMAScript 6 入门，以下的算是一些学习笔记了，其实就是摘抄一些自己觉得是重点的例子，出处都是在阮一峰的ES6入门。

let

ES6 新增了let命令，用来声明变量。它的用法类似于var，但是所声明的变量，只在let命令所在的代码块内有效。

1
2
3
4
5
6
7
{
  let a = 10;
  var b = 1;
}

a // ReferenceError: a is not defined.
b // 1

不存在变量提升，let命令改变了语法行为，它所声明的变量一定要在声明后使用，否则报错。

1
2
3
4
5
6
7
// var 的情况
console.log(foo); // 输出undefined
var foo = 2;

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

暂时性死区,只要块级作用域内存在let命令，它所声明的变量就“绑定”（binding）这个区域，不再受外部的影响。

1
2
3
4
5
6
7
var tmp = 123;
//因为下面if区域内重新声明了let tmp，所以外面的var tmp不能传递到if区域里面。
if (true) {
  tmp = 'abc'; // ReferenceError
  let tmp;
  // 因为在此声明了let，这个区域内的tmp都是读取这个声明的，而let没有变量提升，所以在之前用会报错。
}

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
// 报错
function () {
  let a = 10;
  var a = 1;
}

// 报错
function () {
  let a = 10;
  let a = 1;
}

function func(arg) {
  let arg; // 报错
}

function func(arg) {
  {
    let arg; // 不报错
  }
}

const

const声明一个只读的常量。一旦声明，常量的值就不能改变。

1
2
3
4
5
const PI = 3.1415;
PI // 3.1415

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

const声明的变量不得改变值，这意味着，const一旦声明变量，就必须立即初始化，不能留到以后赋值。

1
2
const foo;
// SyntaxError: Missing initializer in const declaration(只声明不赋值会报错)

const的作用域与let命令相同：只在声明所在的块级作用域内有效。

1
2
3
4
if (true) {
  const MAX = 5;
}
MAX // Uncaught ReferenceError: MAX is not defined

const命令声明的常量也是不提升，同样存在暂时性死区，只能在声明的位置后面使用。

1
2
3
4
if (true) {
  console.log(MAX); // ReferenceError 在常量MAX声明之前就调用，结果报错。
  const MAX = 5;
}

const声明的常量，也与let一样不可重复声明。

1
2
3
4
5
6
var message = "Hello!";
let age = 25;

// 以下两行都会报错
const message = "Goodbye!";
const age = 30;