let 和 const 命令

ECMAScript 和 JavaScript 的关系

前者是后者的规格，后者是前者的一种实现（另外的 ECMAScript 方言还有 JScript 和 ActionScript）

let

基本用法

• 用来声明变量。它的用法类似于var，但是所声明的变量只在let命令所在的代码块内有效。

function test(){
let a = 1;
var b = 2;
}
a //Uncaught ReferenceError: a is not defined
b //2

不存在全局变量

在使用var声明变量使用for循环计数器时，会产生闭包问题。

 function test (){
            var arr = [];
            for(var i = 0; i<10; i++){
                arr[i] = function(){
                    console.log(i+" ");
                }
            }return arr;
        }
        var myArr = test();
        for (var j = 0; j < 10; j++){
            myArr[j]();//10 10 10 10 10 10 10 10 10 10
        }
        //形成闭包，函数执行时i已经变成十，所以打印出来的所有值都是10

如果使用let，声明的变量仅在块级作用域内有效，最后输出的是 1~10。

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

for循环还有一个特别之处，在循环体内的作用域是单独的子作用域。

for (let i = 0; i < 3; i++) {
  let i = 'abc';
  console.log(i);
}
// abc
// abc
// abc

不存在变量提升

在JavaScript中，用var声明的变量都会存在“变量提升”，就是将变量的声明和赋值分为两步，在预编译的时候，将变量的声明提升到程序的顶部，并赋值为undefined，为什么要把它赋给未声明的变量呢？let命令改变了这种现象，用let声明的变量必须在声明后才能使用，否则报错。

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

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

暂时性死区

ES6 明确规定，如果区块中存在let和const命令，这个区块对这些命令声明的变量，从一开始就形成了封闭作用域。凡是在声明之前就使用这些变量，就会报错。总之，在代码块内，使用let命令声明变量之前，该变量都是不可用的。这在语法上，称为“暂时性死区”（temporal dead zone，简称 TDZ）。

var tmp = 123;
if (true) {

  console.log(tmp); // ReferenceError

  let tmp;
  console.log(tmp);//undifined
}

“暂时性死区”也意味着typeof不再是一个百分之百安全的操作。typeof 一个未声明过的变量返回值是undefined。但是如果使用let声明一个变量，在声明之前都属于这个变量的死区，只要用到改变量就会报错。

typeof undefined_value; //undefined

typeof let_value;// referenceError
let let_value;

不允许重复声明

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

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

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

---

块级作用域

let实际上为JavaScript新增了块级作用域，外层作用域无法读取内层作用域的变量。也替代了立即执行函数。
在ES5中规定函数只能在顶层作用域和函数作用域之中声明，不能在块级作用域之中声明。浏览器没有遵守这个规定，为了兼容以前的旧代码，还是支持在块级作用域之中声明函数，因此上面两种情况实际都能运行，不会报错。
ES6 引入了块级作用域，明确允许在块级作用域之中声明函数。ES6 规定，块级作用域之中，函数声明语句的行为类似于let，在块级作用域之外不可引用。
可以通过下面的代码看出ES6和ES5之间的区别：
在ES5环境下运行下面的代码会输出“undefined”
在ES6环境下运行下面的代码，会报错

function f() { console.log('I am outside!'); }

(function () {
  if (false) {
    // 重复声明一次函数f
    function f() { console.log('I am inside!'); }
  }

  f();
}());

如果改变了块级作用域内声明的函数的处理规则，显然会对老代码产生很大影响。为了减轻因此产生的不兼容问题，ES6 在附录 B里面规定，浏览器的实现可以不遵守上面的规定，有自己的行为方式。
允许在块级作用域内声明函数。
函数声明类似于var，即会提升到全局作用域或函数作用域的头部。
同时，函数声明还会提升到所在的块级作用域的头部。
注意，上面三条规则只对 ES6 的浏览器实现有效，其他环境的实现不用遵守，还是将块级作用域的函数声明当作let处理。

根据这三条规则，在浏览器的 ES6 环境中，块级作用域内声明的函数，行为类似于var声明的变量。

---

const

基本用法

• const声明一个只读的常量。一旦声明，常量的值就不能改变，这意味着，const一旦声明变量，就必须立即初始化，不能留到以后赋值。
• 所以用const声明变量时，如果只声明不赋值就会报错SyntaxError: Missing initializer in const declaration,企图给const声明的变量改变赋值也会报错TypeError: Assignment to constant variable.
• const的作用域与let命令相同：只在声明所在的块级作用域内有效。
• const命令声明的常量也是不提升，同样存在暂时性死区，只能在声明的位置后面使用。
• const声明的常量，也与let一样不可重复声明。

本质

const实际上并不是让变量不可改变，而是让变量指向的内存中所保存的数据不可改变，对于简单数据类型（数值，字符串，布尔值），值就保存在变量指向的内存地址当中，因此等同于常量，而对于引用值来说(对象和数组)，变量指向的内存地址，保存的只是一个指向实际数据的指针，const只能保证这个指针是固定的（即总是指向另一个固定的地址），至于它指向的数据结构是不是可变的，就完全不能控制了。因此，将一个对象声明为常量必须非常小心。

const foo = {};

// 为 foo 添加一个属性，可以成功
foo.prop = 123;
foo.prop // 123

// 将 foo 指向另一个对象，就会报错
foo = {}; // TypeError: "foo" is read-only

上面代码中，常量foo储存的是一个地址，这个地址指向一个对象。不可变的只是这个地址，即不能把foo指向另一个地址，但对象本身是可变的，所以依然可以为其添加新属性。