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呢?
此處應(yīng)該扯到瀏覽器是如何解析 JavaScript 代碼的镣丑。
有三個參與者舔糖，分別是編譯器、作用域莺匠、瀏覽器引擎
1金吗、編譯器是對源代碼進行解析，以便瀏覽器能夠識別
2趣竣、在解析完成之后摇庙，瀏覽器引擎會執(zhí)行解析后的代碼
3、作用域則參與其中遥缕，在編譯過程中對于需要進行提升的變量卫袒，會將這些變量存儲在作用域中，然后在引擎執(zhí)行的過程中對其進行賦值操作
舉個例子通砍，來看看變量提升的過程：
console.log(a); // undefined
var a = 1;
這段代碼的執(zhí)行過程應(yīng)該是：
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í)行過程應(yīng)該是：
function fun1 () {
return 1;
};
console.log(fun1 ());
再看一個例子：
console.log(fun2); // undefined
var fun2 = function () {
return 1;
};
這里又涉及到函數(shù)聲明和函數(shù)表達式堪藐。。挑围。礁竞。。杉辙。它的執(zhí)行過程應(yīng)該是什么呢模捂？
var fun2;
console.log(fun2);
fun2 = function () {
return 1;
}
函數(shù)聲明和函數(shù)表達式：
函數(shù)聲明即是以 function 關(guān)鍵字開始，跟隨者函數(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;
};
是不是一下子就明白了岖食。
好了，睡覺舞吭！
