三个声明 var let const 的区别

var 相信都很熟悉，我作为一个菜鸟，刚开始学习 JS 的时候就是整天 var，也不知道 let 是何物。
而在这个岗位上， ES6 中还新引入了 const，那么究竟这三个相似的东西有什么区别呢，来详细探究一下。

var

首先看看最熟悉的 var

• 声明变量，不赋值的情况下。 var a ; //undefine
• 声明之后可以重复随意赋值。 var a; a= 1; a= 2;
• 可以把自身赋值给其它对象。 var a= 1; var b= a;
• 一个 var 声明多个变量，逗号隔开。 var a= 1, b= 2, c= 3;
• 作用域为函数作用域。 { var }
• 会成为全局变量的属性。 var a= 1; window.a; // 1
• 在作用域会被提升，优先执行。 console.log(a); var a= 1; // 1
• ……

以上这些就是 var 的大部分特性，那么下面来看看 let

let

相对于 var ，它有以下主要特点，可以说是强迫症版本

• 前面几条是相似的，那么重点来了

• 作用域为块级作用域。

  if (true) { let j = 1 };  console.log(j); //not define
  

  for 循环中，每一次循坏块就是 let 的作用域，在循环外无法访问定义的 j

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

  这个问题在闭包中可以说很常见了，使用了 let 的话 j 被声明在各自的作用域中不会混淆，最终打印出的是对应的 j ，若使用 var ，所有打印结果都是 10。

• 不会变成全局变量的属性。

• 在作用域内不会被提升。 console.log(a); let a= 1; //not define

• 作用域内不能重复声明已有变量。 let a = 1, a = 2; //been declared

• 暂时性死区。

  var a = 1，
      b = 1
  if (true) {
    console.log(a)  //not define
    console.log(b)  //1
    let a = 3
    console.log(a)  //3
  }
  

  当 let 作用域内声明某个变量时，该变量形成暂时性死区，无法读取到外部的 var 声明。

• ……
  
  

const

最后说说 const ，其实相对简单，它的特性跟 let 是一样一样的。
它只是 let 引申出的一个专门版本，专门什么？

• 专门储存常量。

既然是常量，那就是不改变的，声明后不可重新赋值，所以声明时也必须初始化，否则都会报错。

const a;  //Missing initializer
const a= 1;  a= 2; //Assignment to constant variable

不过有这么一种情况（不正当用法）

const obj = {a: 1}
obj = {a: 2}  //Assignment to constant variable
obj.a = 2   // obj = {a: 2}
obj.b = 3   // obj = {a: 1, b: 2}

在这种情况下就改变了 const 声明的常量的值，其实很好理解。
直接赋值的话，就是改变 obj 常量的引用，这样是不被允许的。
而改变引用指针的指向，是可以随意改变的。