js-ES6学习笔记-let命令

一、let命令

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

　　for循环的计数器，就很合适使用let命令。

　　下面的代码若是使用var，最后输出的是10。

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

　　上面代码中，变量i是var声明的，在全局范围内都有效。因此每一次循环，新的i值都会覆盖旧值，致使最后输出的是最后一轮的i的值。（常见于闭包的考察）

　　若是使用let，声明的变量仅在块级做用域内有效，最后输出的是6。

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

　　上面代码中，变量i是let声明的，当前的i只在本轮循环有效，因此每一次循环的i其实都是一个新的变量，因此最后输出的是6。

　　JavaScript 引擎内部会记住上一轮循环的值，初始化本轮的变量i时，就在上一轮循环的基础上进行计算。

　　另外，for循环还有一个特别之处，就是循环语句部分是一个父做用域，而循环体内部是一个单独的子做用域。

　　不存在变量提高

　　var命令会发生”变量提高“现象，即变量能够在声明以前使用，值为undefined。这种现象多多少少是有些奇怪的，按照通常的逻辑，变量应该在声明语句以后才可使用。

为了纠正这种现象，let命令改变了语法行为，它所声明的变量必定要在声明后使用，不然报错。

　　暂时性死区

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

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

　　总之，在代码块内，使用let命令声明变量以前，该变量都是不可用的。这在语法上，称为“暂时性死区”（temporal dead zone，简称 TDZ）。

　　“暂时性死区”也意味着typeof再也不是一个百分之百安全的操做（会使typeof报错）。

　　总之，暂时性死区的本质就是，只要一进入当前做用域，所要使用的变量就已经存在了，可是不可获取，只有等到声明变量的那一行代码出现，才能够获取和使用该变量。

　　不容许重复声明

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

二、块级做用域

　　ES5只有全局做用域和函数做用域，没有块级做用域，这带来不少不合理的场景。

　　第一种场景，内层变量可能会覆盖外层变量。

　　第二种场景，用来计数的循环变量泄露为全局变量。

　　let实际上为JavaScript新增了块级做用域。

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

　　上面的函数有两个代码块，都声明了变量n，运行后输出5。这表示外层代码块不受内层代码块的影响。若是使用var定义变量n，最后输出的值就是10。

　　块级做用域的出现，实际上使得得到普遍应用的当即执行函数表达式（IIFE）再也不必要了。

// IIFE 写法
(function () {
  var tmp = ...;
  ...
}());

// 块级做用域写法
{
  let tmp = ...;
  ...
}

　　块级做用域与函数声明

　　ES5 规定，函数只能在顶层做用域和函数做用域之中声明，不能在块级做用域声明。

　　ES6 引入了块级做用域，明确容许在块级做用域之中声明函数。

　　ES6 规定，块级做用域之中，函数声明语句的行为相似于let，在块级做用域以外不可引用。

　　考虑到环境致使的行为差别太大，应该避免在块级做用域内声明函数。若是确实须要，也应该写成函数表达式，而不是函数声明语句。