es6-let和const

六种声明变量的方法：var function let const import class

一、let

1、块级作用域

使用let声明的变量仅在块级作用域内有效。
如下报错：

for (let i = 0; i < 10; i++) {

}
console.log(i); //ReferenceError: i is not defined

for循环的一个特别之处：设置循环变量的那部分是一个父作用域，而循环体内部是一个单独的子作用域
如下：

for (let i = 0; i < 3; i++) {
  let i = 'abc';
  console.log(i); 
}
// abc
// abc
// abc

2、暂时性死区（temporal dead zone，简称 TDZ）

ES6 明确规定，如果区块中存在let和const命令，这个区块对这些命令声明的变量，从一开始就形成了封闭作用域。凡是在声明之前就使用这些变量，就会报错。
在代码块内，使用let命令声明变量之前，该变量都是不可用的。这在语法上，称为“暂时性死区”。

暂时性死区的例子：

if (true) {
  // TDZ开始
  tmp = 'abc'; // ReferenceError
  console.log(tmp); // ReferenceError

  let tmp; // TDZ结束
  console.log(tmp); // undefined

  tmp = 123;
  console.log(tmp); // 123
}

和

function bar(x = y, y = 2) {
  return [x, y];
}

bar(); // 报错

和

// 报错
let x = x;

3、不能重复声明

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

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

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

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

// 不报错 两个arg不在同一块作用域
function func(arg) {
  {
    let arg;
  }
}

二、const

1、只读、不可更改

const声明的常量是一个只读的常量。一旦声明，常量的值就不能改变。
const一旦声明变量，就必须立即初始化，不然报错。

2、块级作用域

const的作用域与let命令相同：只在声明所在的块级作用域内有效，同样存在暂时性死区，只能在声明的位置后面使用。

3、不可重复声明

参考：

ECMAScript 6 入门-阮一峰