ES6—— let和const

    之前我们声明一个变量时，都是使用关键字var，今天我们来看一下ES6中新增的关键字let和const。

let

基本用法

    let用法其实和var 一样，只不过let声明的变量只有在let命令所在的代码块有效
如下：

{
 let a = 1;
 var b = 2;
}
console.log(a); // ReferenceError: a is not defined.
console.log(b);// 2

    从以上可以看出var 声明的变量在代码块之外也是可以调用，而let声明的则调用报错。所以let 声明只在它声明的当前代码块中才能调用。

变量提升

    在使用var关键字定义变量的时候会出现 “变量提升”的现象，即变量可以在声明之前使用，值为undefined。let 改变了这种现状，但是必须先声明在使用，如果在声明之前使用则会出现报错。
如下：

// var 关键字
console.log(a); // 输出undefined
var a = 2;
 
// let 关键字
console.log(b); // 报错ReferenceError
let b = 2;

暂时性死区

    只要块级作用域内部存在 let 或者 const 命令，它所声明的变量就“绑定”在这个区域，不会受外部影响。且暂时性死区的本质就是，只要一进入当前作用域，所要使用的变量就已经存在了，但是不可获取，只有等到声明变量的那一行代码出现，才可以获取和使用该变量。
如下：

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

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

if (true) {
 // TDZ开始
 tmp = 'abc'; // ReferenceError
 console.log(tmp); // ReferenceError
 
 let tmp; // TDZ结束
 console.log(tmp); // undefined
 
 tmp = 123;
 console.log(tmp); // 123
}

不允许重复声明

    let 不允许在同一个作用域内声明同一个变量
如下：

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

const

    const声明的是一个常量
如下：

const PI = 3.1415;
PI // 3.1415
PI = 3;
// TypeError: Assignment to constant variable.

    声明之后如果在赋值，将会报错，同时因为声明的是常量，即const声明后即要赋值不然也会报错。
    const 和 let 相同，声明也只在当前的块级作用域生效。同样也不会声明提升，也存在暂时死区，只能在声明之后使用，且和 let 一样不得重复声明，不能重新赋值。
重要：
    const 所不能改变的并不是值，而是变量指向的那个内存地址所保存的值不能变动，对于简单类型（数值、字符串、布尔值），值就保存在变量所指向的内存地址中，因此等同于常量。而对于复合类型（数组、对象），变量指向的内存地址，保存的只是一个指向实际数据的指针，const 只能保证这个指针是固定的（即总指向一个固定的地址）。至于它指向的数据结构则是不能控制的 。
如下：

const foo = {};
 
// 为 foo 添加一个属性，可以成功
foo.prop = 123;
foo.prop // 123
 
// 将 foo 指向另一个对象，就会报错
foo = {}; // TypeError: "foo" is read-only

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

总结

• let const不会有声明提前
• let const是不允许重复声明
• const不允许被修改
• const声明和赋值必须一次性完成，并且后期不允许改变存储空间的地址