浅谈ES6之let和const

let

let和const是es6里最重要的概念之一，(其他的几个我认为是Promise和箭头函数，而Class只是语法糖，其他的几个概念稍后再说)，let和const在深入理解里把let和const放在了块级作用域里，说明了const和let的核心就是解决var的作用域变量提升问题。废话不说先上代码。(代码直接抄阮一峰了)

块级作用域

{
  let a = 10;
  var b = 1;
}

a // ReferenceError: a is not defined.
b // 1

一句话，var声明依然有效，let报错，说明let声明的变量只在它所在的代码块有效。
块级作用域的出现，立即执行函数表达式不再必要了。

作用域引发的for循环问题

这个问题和什么事件队列异步没啥关系，否则你怎么解释let和var之间的区别呢？

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

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

作用域无提升

var命令会发生”变量提升“现象，值为undefined，let则解决了这个问题

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

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

暂时性死区

只要块级作用域内存在let命令，它就绑定这个区域，不再受外部的影响。

var tmp = 123;

if (true) {
  tmp = 'abc'; // ReferenceError
  let tmp;
}

在代码块内，使用let命令声明变量之前，该变量都是不可用的。这在语法上，称为暂时性死区

if (true) {
  // 暂时性死区开始
  tmp = 'abc'; // ReferenceError
  console.log(tmp); // ReferenceError

  let tmp; // 暂时性死区结束
  console.log(tmp); // undefined

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

不允许重复声明

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

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

const