ES6（一）

一 let命令

1.let命令只在它所在的代码块有效

例1 如果使用var，最后输出的是10

var a = [];
for (var i = 0; i < 10; i++) {
  a[i] = function () {
    console.log(i);
  };
}
a[6](); // 10

变量 i是 var命令声明的，在全局范围内都有效，所以全局只有一个变量 i。每一次循环，变量 i的值都会发生改变，而循环内被赋给数组 a的函数内部的 console.log(i)，里面的 i指向的就是全局的 i。也就是说，所有数组 a的成员里面的 i，指向的都是同一个 i，导致运行时输出的是最后一轮的 i的值，也就是10。

2.需要先声明后引用（不存在变量提升）

3.暂时性死区

ES6明确规定，如果区块中存在let和const命令，这个区块对这些命令声明的变量，从一开始就形成了封闭作用域。凡是在声明之前就使用这些变量，就会报错。

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

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

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

4.不允许重复声明

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

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

二 块级作用域

1.ES6的块级作用域

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

2.块级作用域与函数声明

考虑到环境导致的行为差异太大，应该避免在块级作用域内声明函数。如果确实需要，也应该写成函数表达式，而不是函数声明。

// 函数声明语句
{
  let a = 'secret';
  function f() {
    return a;
  }
}

// 函数表达式
{
  let a = 'secret';
  let f = function () {
    return a;
  };
}

ES6的块级作用域允许声明函数的规则，只在使用大括号的情况下成立，如果没有大括号，就会报错。

// 不报错
'use strict';
if (true) {
  function f() {}
}

// 报错
'use strict';
if (true)
  function f() {}

3.do表达式

在块级作用域前加上do，使其变为do表达式。

let x = do {
  let t = f();
  t * t + 1;
};

三 const命令

1. 基本用法

1. const声明一个只读的常量。一旦声明，常量的值就不能改变。
2. 一旦声明，必须立刻初始化，不能留到以后赋值。
3. const 的作用域与let命令相同，只在声明所在的块级作用域内有效。
4. const命令的常量也是不提升，同样存在暂时性死区，只能声明的位置后面使用。

   if (true) {
     console.log(MAX); // ReferenceError
     const MAX = 5;
   } 
   

5. 不可重复
   

2.本质

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

• 对于简单类型的数据（数值、字符串、布尔值），值就保存在变量指向的那个内存地址，因此等于常量
• 但对于复合类型的数据（主要是对象和数组），变量指向的内存地址，保存的只是一个指针，const只能保证这个指针是固定的，至于它的指向的数据结构是不是可变就不能控制。

四 顶层对象的属性

      ES6为了改变这一点，一方面规定，为了保持兼容性，var命令和function命令声明的全局变量，依旧是顶层对象的属性；另一方面规定，let命令、const命令、class命令声明的全局变量，不属于顶层对象的属性。也就是说，从ES6开始，全局变量将逐步与顶层对象的属性脱钩。

var a = 1;
// 如果在Node的REPL环境，可以写成global.a
// 或者采用通用方法，写成this.a
window.a // 1

let b = 1;
window.b // undefined

上面代码中，全局变量a由var命令声明，所有它是顶层对象的属性；全局变量b由let命令声明，所以它不是顶层对象的属性，返回undefined。