Let，Var，Const区别整理

 

作用域：(es6)

calss>function>if(){}=for(){}

CONST：

• Const是一个定义初始化变量的关键字，该变量一旦初始化就不能再改变，只能在块作用域和函数作用域使用。const不能在class作用域定义，只能在function，if，for定义使用，不能再其外部使用，只能在当前块作用域使用，const命令声明的常量也是不提升，同样存在暂时性死区，只能在声明的位置后面使用。
• 本质：const实际上保证的，并不是变量的值不得改动，而是变量指向的那个内存地址所保存的数据不得改动。对于简单类型的数据（数值、字符串、布尔值），值就保存在变量指向的那个内存地址，因此等同于常量。但对于复合类型的数据（主要是对象和数组），变量指向的内存地址，保存的只是一个指向实际数据的指针，const只能保证这个指针是固定的（即总是指向另一个固定的地址），至于它指向的数据结构是不是可变的，就完全不能控制了。因此，将一个对象声明为常量必须非常小心。
• 如下：const foo = {}; // 为 foo 添加一个属性，可以成功 foo.prop = 123; foo.prop // 123 // 将 foo 指向另一个对象，就会报错 foo = {}; // TypeError: "foo" is read-only

 

VAR:

• var是es5里的关键字，在es6已经被let取代，var在function以下的块级别定义时，在外部可以读取到值，var存在变量提升（console.log(a) var a,会不报错 ）
• // var 的情况 console.log(foo); // 输出undefined var foo = 2; // let 的情况 console.log(bar); // 报错ReferenceError let bar = 2;
• var在内存里只存在一个值：不管什么时候的i都指向全局最后计算出的i=10
• var a = []; for (var i = 0; i < 10; i++) { a[i] = function () { console.log(i); }; } a[6]();//10

LET:

• 是es6里的关键字，用来替代var，不存在变量提升，只能在当前作用域有效
• var a = []; for (let i = 0; i < 10; i++) { a[i] = function () { console.log(i); }; } a[6](); // 6
• 上面代码中，变量i是let声明的，当前的i只在本轮循环有效，所以每一次循环的i其实都是一个新的变量，所以最后输出的是6。你可能会问，如果每一轮循环的变量i都是重新声明的，那它怎么知道上一轮循环的值，从而计算出本轮循环的值？这是因为 JavaScript 引擎内部会记住上一轮循环的值，初始化本轮的变量i时，就在上一轮循环的基础上进行计算。

暂时性死区：

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

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

上面代码中，存在全局变量tmp，但是块级作用域内let又声明了一个局部变量tmp，导致后者绑定这个块级作用域，所以在let声明变量前，对tmp赋值会报错。

解决方案：总之let和var都需要先定义再使用