let命令

ES6新增了 let命令，用来声明变量。它的用法类似于var，当然也只是类似，说明它还有其他不同于var的地方，那我们就来看下有哪些不同的地方。

let的声明的变量只在块级作用域内有效
我们知道ES5只有全局作用域和函数作用域，这会带来行风多不合理的场景，比如内层变量可能会覆盖外层变量：

var tmp = new Date();

function f() {
  console.log(tmp);
  if (false) {
    var tmp = 'hello world';
  }
}

f(); // undefined

上面代码的的原意是，在f()里打印外层作用域里的变量tmp，条件语句里也是打算使用外层作用域里的变量tmp，但是由于没有块级作用域，f()里的tmp实际上是函数作用域内if代码块里变量提升的tmp，所以打印的是undefined。这时如果将var tmp = 'hello world';里的var换成let就可以达到原来的目的：

image.png
从这里我们也可以看出let声明与var声明的另一个不同之处

变量提升？不存在的
我们知道通过var声明的变量，在作用域内先于声明语句之前对变量进行使用而不会报错（值为undefined），这是因为变量提升的机制（JavaScript引擎在执行一段代码的时候，会把所有变量的声明都提升到当前作用域的最前面。），但这种现象多少有些奇怪，所以为了纠正这种现象let命令改变了语法行为，它使得凡是由它声明出来的变量必须在声明之后才能使用，否则报错。也就是由let声明的变量不会再被提升了：

image.png

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

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

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

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

上面三段代都会报错Uncaught SyntaxError: Identifier 'a' has already been declared，只要涉及到let声明某个变量，在同一作用域内重复声明该变量都会报错，不管重复的声明是怎样方式。

块级作用域里的let声明会形成一段“暂时性死区”
只要块级作用域内存在let命令，它所声明的变量就“绑定”（binding）这个块级区域，不再受外部的影响。该块级作用域的起始到let tmp='abc'这条语句之间的区域就称为“暂时性死区”，因为这段区域内对只要使用tmp变量就会报错，即使外部作用域已经声明过tmp也不例外，这就是所谓的“不受外部影响”。

image.png

image.png
有了这个暂时性死区之后意味着typeof不再是一个百分百安全的运算符了，在变量的死区内对变量进行typeof运算也会报错。

let命令与var命令的不同之处就是这些了：let的声明的变量只在块级作用域内有效、let声明的变量不会被提升、let声明的变量在同一作用域内不能重复声明、let声明的变量会形成一段该变量的暂时性死区。
下面举个相比于var，let更方便的例子，我记得在《高程》上有类似下面的一个例子：

var a = [];
for (var i = 0; i < 10; i++) {
  a[i] = function () {
    console.log(i);
  };
}
a[k](); //k为0到9, 10

造成这个结果的原因是，i是由var声明的，由于i的变量提升一级不存在块级作用域，那么i在全局范围都有效，于是每一次循环中的i从始至终都是指向的全局的那唯一一个i，所以循环结束后，所有的i的值都是10，因为他们都是同一个i。
《高程》上给的解决方案是将上面a[i]后面的赋值放在一个立即执行表达式里返回出来，模仿出一个块级作用域让每次循环都新建出一个新的i以达到每个i是次当次循环的索引值的结果。
那现在有了let声明，使用立即执行表达式来模拟块作用域这样麻烦的方法便可由let来代替了，所以对于上面的代码，我们只需要将var i=0改为let i = 0就行了，仅仅一点点改动就完全达到我们想要目的：