js（ES6）中let、var的区别(const)

1.let与var

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

if(true){
  let a = 1;
  var b = 2;
  console.log(a) // 1
  console.log(b) // 2
}

console.log(a) // ReferenceError: a is not defined.
console.log(b) // 2

在if代码块之中，分别用let和var声明了两个变量。然后在代码块内外调用这两个变量，在代码块内let和var都有效
但是在代码块外let声明的变量报错，var声明的变量返回了正确的值。这说明，let声明的变量只在它所在的代码块有效。

某些变量我们只需要在代码块内使用时，就非常适合用let，如for循环中

for (let i = 0; i < 10; i++) {
  // ...
}

console.log(i) // ReferenceError: i is not defined.

进一步理解let只在代码块内起作用，而var在全局范围内都有效
使用var

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

上面代码中，变量i是var命令声明的，在全局范围内都有效，所以全局只有一个变量i，故a[x]（x=0~9）输出的结果都是 console.log(i)，而i是全局变量只有一个（每一次循环都会重新赋值，故var i = 10循环结束），且i=10，故a[x]输出结果均为10。
同样的一段代码，使用let

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

上面代码中，变量i是let声明的，当前的i只在本轮循环有效，所以每一次循环的i其实都是一个新的变量（个人理解是let变量为$i_x$,其中x=0~9），所以最后结果是a[x]输出x。

同一个作用域不可使用 let 重复声明同一个变量

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

上面代码之所没有报错是因为，for循环还有一个特别之处，就是设置循环变量的那部分是一个父作用域，而循环体内部是一个单独的子作用域。

for (let i = 0; i < 2; i++) {
  let i = 'a';
  let i = 'b';
}
// 'i' is already defined.

上面代码会报错

var命令会发生“变量提升”现象，即变量可以在声明之前使用，值为undefined。这种现象多多少少是有些奇怪的，按照一般的逻辑，变量应该在声明语句之后才可以使用。

let不存在“变量提升”现象，且为了纠正这种现象，let命令改变了语法行为，它所声明的变量一定要在声明后使用，否则报错。

// var 的情况
console.log(a); // undefined
var a = 2;

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

2.const与let

• const的作用域与let命令相同：只在声明所在的块级作用域内有效。
• const声明一个只读的常量。一旦声明，常量的值就不能改变。
• const声明的变量不得改变值，这意味着，const一旦声明变量，就必须立即初始化（有初始值），不能留到以后赋值。

const实际上保证的，并不是变量的值不得改动，而是变量指向的那个内存地址所保存的数据不得改动。对于简单类型的数据（数值、字符串、布尔值），值就保存在变量指向的那个内存地址，因此等同于常量。但对于复合类型的数据（主要是对象和数组），变量指向的内存地址，保存的只是一个指向实际数据的指针，const只能保证这个指针是固定的（即总是指向另一个固定的地址），至于它指向的数据结构是不是可变的，就完全不能控制了

即
const声明的是数值、字符串、布尔值时变量的值不得改动
const声明的是对象和数组时，不能保证其数据结构是不是可变，只能保证指针是固定的