【ES6】let与const

目录

let命令

作用域 

无变量提升 

不允许重复声明

 暂时性死区

块级作用域 

函数能否在块级作用域中声明 

 const命令

---

let命令

作用域 

ES6 新增了let命令，用来声明变量。它的用法类似于var，但是作用域不同，let命令只在所在的代码块内有效。举个例子：

{
  let a = 10
  var b = 1
}
console.log(a)//ReferenceError: a is not defined.
console.log(b)//1

上面代码在代码块之中，分别用let和var声明了两个变量a和b。在代码块之外调用这两个变量，结果变量a报错，变量b返回了正确的值。这表明，let声明的变量只在它所在的代码块有效。

所以for循环就很适合用let，而且for循环还有一个特别之处，就是设置循环变量的那部分是一个父作用域，而循环体内部是一个单独的子作用域。例：

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

上面代码正确运行，并且输出了 3 次abc。这表明函数内部的变量i与循环变量i不在同一个作用域，有各自单独的作用域（同一个作用域不可使用 let 重复声明同一个变量）。

无变量提升 

var命令会发生“变量提升”现象，即变量可以在声明之前使用，值为undefined。

而let所声明的变量一定要在声明后使用，否则报错。 例：

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

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

不允许重复声明

简而言之就是不允许在相同作用域内，重复声明同一个变量。这个很好理解。例：

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

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

 暂时性死区

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

if (true) {
  // TDZ开始
  tmp = 'bb'; // ReferenceError
  console.log(tmp); // ReferenceError
  let tmp; 
  // TDZ结束
  console.log(tmp); // undefined
  tmp = aa;
  console.log(tmp); // aa
}

 上面代码中，在let命令声明变量tmp之前，都属于变量tmp的“死区”。

块级作用域 

let为 JavaScript 新增了块级作用域，且ES6允许块级作用域的任意嵌套。 

{
  {
    let a = 'b'
    {
      let a = 'a'
      console.log(a) // a
    }
    console.log(a) // b
  } console.log(a) // 报错
}

上面代码有3层块级作用域，每一层都是一个单独的作用域，因此外面的作用域无法读取内部作用域的变量。但是内部作用域可以定义外部作用域变量。

函数能否在块级作用域中声明 

ES5 规定，函数只能在顶层作用域和函数作用域之中声明，不能在块级作用域声明。但是，浏览器没有遵守这个规定，为了兼容以前的旧代码，还是支持在块级作用域之中声明函数，不会报错。

ES6 引入了块级作用域，明确允许在块级作用域之中声明函数。ES6 规定，块级作用域之中，函数声明语句的行为类似于let，在块级作用域之外不可引用。

 const命令

const命令有以下几个特点： 

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

const一旦声明变量，就必须立即初始化，不能留到以后赋值。 

const的作用域与let命令相同：只在声明所在的块级作用域内有效。（参考上面let命令）

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

const声明的常量，也与let一样不可重复声明。 （参考上面let命令）

注：const实际上保证的，并不是变量的值不得改动，而是变量指向的那个内存地址所保存的数据不得改动。 

关于const命令就不举例说明了，建议自行尝试