1、變量提升
在ES6之前，聲明變量都是用var，會出現(xiàn)變量提升的過程。在某些情況下，這些可能會產(chǎn)生一些小bug，首先我們要知道什么是變量提升，它是怎么樣提升的？
變量的生命周期
變量的生命周期有三部分，變量聲明（Declaration Phase）、變量初始化（Initialization Phase）及變量賦值（Assignment Phase）
其中變量聲明時會在作用域中注冊變量，初始化時是為變量分配內(nèi)存并且創(chuàng)建作用域，而此時變量會被初始化為 undefined，最后的賦值則會將指定的值分配給該變量。
來看一個例子：
(function () {
console.log(foo); // undefined
var foo = "fcc";
})();
為什么會打印出undefined？而不是報錯或者fcc呢?
此處應該扯到瀏覽器是如何解析 JavaScript 代碼的。
有三個參與者，分別是編譯器、作用域、瀏覽器引擎
1、編譯器是對源代碼進行解析，以便瀏覽器能夠識別
2、在解析完成之后，瀏覽器引擎會執(zhí)行解析后的代碼
3、作用域則參與其中，在編譯過程中對于需要進行提升的變量，會將這些變量存儲在作用域中，然后在引擎執(zhí)行的過程中對其進行賦值操作
舉個例子，來看看變量提升的過程：
console.log(a); // undefined
var a = 1;
這段代碼的執(zhí)行過程應該是：
var a;
console.log(a);
a = 1;
在執(zhí)行的過程中，遇到var，先將var 提到代碼頭部，進行變量提升。
所以在console之前只是對a進行了聲明，以至于打印出undefined。
2、函數(shù)提升
函數(shù)提升不同于變量提升，他是將整個函數(shù)提升至代碼頭部，然后執(zhí)行代碼
console.log(fun1()); // 1
function fun1 () {
return 1;
};
這段代碼的執(zhí)行過程應該是：
function fun1 () {
return 1;
};
console.log(fun1 ());
再看一個例子：
console.log(fun2); // undefined
var fun2 = function () {
return 1;
};
這里又涉及到函數(shù)聲明和函數(shù)表達式。。。。。。它的執(zhí)行過程應該是什么呢？
var fun2;
console.log(fun2);
fun2 = function () {
return 1;
}
函數(shù)聲明和函數(shù)表達式：
函數(shù)聲明即是以 function 關鍵字開始，跟隨者函數(shù)名與函數(shù)體。而函數(shù)表達式則是先聲明函數(shù)名，然后賦值匿名函數(shù)給它。
從上面的例子中可以看到：
函數(shù)表達式遵循變量提升的規(guī)則，函數(shù)體不會被提升至代碼頭部：
變量提升和函數(shù)提升的順序
此處給個例子就很明白了：
console.log(fun1);
function fun1() {
return 1;
};
var fun1= function () {
return 2;
};
看看執(zhí)行過程：
function fun1() {
return 1;
};
var fun1;
console.log(fun1);
fun1= function () {
return 2;
};
是不是一下子就明白了。
好了，睡覺！
