ES6简括：Let & Const

原文链接

let和const都是声明变量的新方式。

Const

const用于定义不可更改的常量。  
不可更改，意思是标识符存储的值不可更改。  
这意味着，如果存储的是对象的地址，改动地址指向的内存是可以的。

"use strict";const OBJ = {};
OBJ.name = "OBJ"; // 成功OBJ = {}; // 失败，改变了存储的地址。

由此可联想到ES5的冻结对象。  
如果对象的属性是个指针，依然是可以修改的。  
所以，最终极的办法是一层一层冻结所有对象。

块级作用域

let使{}呈现出块级作用域的特征。  
声明的变量仅存在于当前块级作用域中。  
不可在同一块级作用域中重复声明变量。  
一旦在块级作用域中声明了变量，此变量便绑定在这个区域，不再受外部的影响。

"use strict";if (true) {  var a = 1;  let b = 2;
}console.log(a); // 1console.log(b); // error, b is not defined.

定义函数

在块级作用域中，优先使用表达式声明函数（let, const, var）。  
不要使用声明式声明函数，因为不同浏览器在这方面的实现有所差异。  
在Chrome中，严格模式下等价于使用let声明，非严格下等价于使用var。

// 在 Chrome 66 浏览器。// --- 严格模式"use strict";console.log(fn); // error, fn is not defined.if (true) {  function fn() {    console.log('hi');
  }
}console.log(fn); // error, fn is not defined.// --- 非严格模式。console.log(fn); // undefinedif (true) {  function fn() {    console.log('hi');
  }
}console.log(fn); // function

暂时性死区

块级作用域的顶部到声明此变量之前的区域，称为此变量的暂时性死区。  
在暂时性死区内，不能使用该变量。

"use strict";let a = 1;
{  // 在这里使用 a 会报错。
  let a = 2;
}// 对比 varvar b = 2;
fn();console.log(b); // 2function fn() {
  b = 1;  var b;  console.log(b); // 1}

let也存在变量提升，只不过对待方式和之前不同。  
变量提升，简单的说就是在执行代码前先会看到底声明了哪些变量和方法。  
在ES5中使用var声明的变量，在声明之前可以访问，其值为undefined。  
在ES6中使用let声明的变量，为了保持程序的严谨性，不允许被访问。

解绑全局变量

在之前的版本中，全局变量等价于顶层对象的相应属性。  
而ES6中新的变量声明方式（let, const,  class）定义的全局变量与顶层对象的属性脱钩。

const MY = {};console.log(window.MY); // undefined

替代自执行函数

定义临时变量

// --- ES5(function() {  var a = 1;
})();// --- ES6{  let a = 1;
}

简化for循化

// --- ES5// 使用自执行函数获取并切断变量，再用闭包存储变量var fns = [];for (var i = 0; i < 7; i++) {
  fns[i] = (function(n) {    return function() {      console.log(n);
    };
  })(i);
}
fns[3](); // 3// --- ES6var fns = [];for (let i = 0; i < 7; i++) {
  fns[i] = function() {    console.log(i);
  };
}
fns[3](); // 3

for+let组合的理解

for后面的()是一个独立的作用域。  
for后面的{}中的作用域链为：本身 > () > 外部。

// 证明 () 是一个独立的作用域。let i = 3;for (let i = 0; i< 7; i++) {}console.log(i); // 3// 证明 {} 的作用域链为：本身 -> ()作用域 -> 外部作用域。for (let i = 0; i< 7; i++) {
  i = 7;  console.log(i); // 纸打印一次，值为 7 。}for (let i = 0; i< 7; i++) {  let i = 'hi';  console.log(i); // 打印 7 次 'hi' 。}