变量提高的原理

当程序执行这一段代码时

console.log(a);
var a = 2;

有经验的同窗都知道控制台会输出undefined而不是报错a is not defined
这是由于此时发生了变量提高，代码能够理解为如下形式

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

这是为何呢，让我先说明如下几点

• 一段JavaScript代码，是先由编译器编译成可执行代码，再交给引擎去执行的。
• 用var关键字声明的变量是在编译阶段声明的。

每当编译器遇到var xxx，都会去查找当前做用域是否已存在变量xxx，若是xxx已存在，则忽略该声明，反之，在当前做用域声明变量xxx。
因此当成程序执行下面代码时

console.log(a);
var a = 2;

1. 首先编译器查找当前做用域是否存在变量a，发现a并不存在，声明变量a。
2. 再由引擎执行由编译器生成的代码console.log(a)，此时变量a已经被编译器声明,可是还未被赋值，因此此时控制台输出的值是undefined。
3. a = 2，此时变量a的值为2。

其实关键点就在于，由var关键字声明的变量是在编译阶段声明的，因此会出现变量提高的状况。
可是编译器对ES6语法中的const和let关键字声明的变量则不会提早声明，因此不会出现变量提高。