1、var

在没出现 let 和 const 之前，我们定义变量只能用 var。但是用 var 定义变量通常有很多的问题，就是我们常说的变量提升，例如：

1
2
3
4
if (false) {
  var a = 1;
}
console.log(a);

如果初学者第一次看这段代码的时候，肯定会觉得段代码会报错，因为 if 中的条件是 false，并没有执行 var a = 1，所以最后应该报 a 没有定义的错误，但是实际最后却输出了 undefined，这就是变量提升。
什么是变量提升：
MDN 是这么说的：变量提升（Hoisting）被认为是， Javascript 中执行上下文 （特别是创建和执行阶段）工作方式的一种认识。在 ECMAScript® 2015 Language Specification 之前的 JavaScript 文档中找不到变量提升（Hoisting）这个词。不过，需要注意的是，开始时，这个概念可能比较难理解，甚至恼人。
这就没了？对这就没了！当看到的时候同样有这个疑问，所以我在var 描述中找到了这么一句话：变量声明，无论发生在何处，都在执行任何代码之前进行处理。
所以以上代码可以被翻译成这样：

1
2
3
4
5
var a;
if (false) {
  a = 1;
}
console.log(a);

2、let

我们先看一下 let 的几大特性：

1、没有声明提升

我们通过代码来看一下：

1
2
3
4
if (false) {
  let a = 1;
}
console.log(a);

执行结果
欣喜若狂终于得到了我们想要的结果，报错，a 没有被定义。

2、重复声明报错

1
2
var a = 1;
let a = 2;

执行结果
哇塞，报错了，显示 a 已经被定义过了，这简直是太友好了，终于不会一不小心就改变了全局变量，也终于避免了重复命名的危险。

3、不绑定全局作用域

1
2
let a = 1;
console.log(window.a); // undefined

根本没有定义到全局上，主要还是因为 let 是块级作用域不是全局作用域。

3、const

在开发中 const 我们一般是来定义常量，即不可更改的量，它的基本特性和 let 是差不多的。

1
2
const a = 1;
a = 3;

执行上述代码时，会报错，因为 const 定义的是常量，无法进行修改。但是当 const 定义的是引用数据类型时：

1
2
3
4
5
const a = {
  value: 1,
};
a.value = 2;
console.log(a); // {value: 2}

感觉有些打脸，但确实如此，这是因为 const 定义的实际是引用地址，它判断是的引用地址是否发生变化，虽然改变了引用数据中的数据，但是它的引用地址并没有发生变化，所以就可以更改，但是这种方式还是不提倡的。