在javascript里存在一種叫變量聲明提升的東西。這里來詳細(xì)的說一說，到底什么樣的聲明會提升蚁袭，提升了什么東西。
先來兩個(gè)例子考考你：
a =2 ;?
var a;
console.log(a);
你是不是覺得var a 的聲明在a = 2的后面石咬，認(rèn)為變量被重新的賦值了揩悄，所以是undefined 。但是實(shí)際上真正的輸出結(jié)果是2鬼悠。這是為什么呢删性？不要急，再來看一個(gè)例子
console.log(a)
var a = 2;
如果你受到上面的例子影響你可能會誤認(rèn)為答案是2焕窝，也可能認(rèn)為變量a沒有聲明直接使用會導(dǎo)致錯誤蹬挺，但是實(shí)際上真正的答案是undefined。
現(xiàn)在它掂，我們來看一下到底發(fā)生了什么事情吧巴帮。
相信你是知道變量聲明提升的存在的。編譯器會將變量和函數(shù)在內(nèi)的所有聲明提到所有代碼未執(zhí)行之前進(jìn)行處理虐秋。var a = 2晰韵； 實(shí)際上會被編譯器解析成兩部分，首先是變量的聲明熟妓，var a雪猪；然后是變量的賦值 a = 2；而聲明部分將會在編譯階段進(jìn)行處理起愈，賦值則會留在原地等待代碼執(zhí)行到這里只恨。
所以第一個(gè)例子中译仗，最終會是這樣的形式被處理。
var a;
a = 2;
console.log(a)
可能有些對變量聲明提升有了解的同學(xué)知道官觅，第一個(gè)例子里面的a = 2纵菌；本身就會出現(xiàn)一個(gè)變量的聲明提升，但是下面有出現(xiàn)了一個(gè)變量的聲明休涤，在編譯過程中咱圆，出現(xiàn)了兩次var a的聲明，實(shí)際上重復(fù)的聲明是會被忽略掉的功氨。
第二個(gè)例子就容易理解了序苏，最終被解析成
var a ;
console.log(a)
a = 2;
說了變量聲明提升，我們現(xiàn)在來說函數(shù)的聲明提升捷凄。之前寫代碼的時(shí)候你可能已經(jīng)發(fā)現(xiàn)了忱详，函數(shù)寫在我們js文件的任何位置都可以正常的執(zhí)行，這就是函數(shù)聲明提升的原因跺涤。
foo();
function foo(){
? ? console.log(a);
? ? var a = 2
}
這里的a最終會被輸出undefined匈睁。函數(shù)的聲明會被提升到最上面，所以我們的foo（）是不會造成錯誤的桶错。這里我們重點(diǎn)看一下航唆，a的聲明提升。在函數(shù)的內(nèi)部院刁，就是局部的作用域內(nèi)也是會對變量的聲明進(jìn)行提升的糯钙，當(dāng)然這里不會提升到全局作用中。
上面的例子最終會被解析成
function foo(){
? ? var a;
? console.log(a)
?a=2;
}
foo();
這里要特別提一下的是黎比，函數(shù)的聲明會提升，但是函數(shù)表達(dá)式不會不會被提升的鸳玩。只會提升函數(shù)表達(dá)式的變量標(biāo)識符阅虫。
舉個(gè)例子：
foo（）；
var foo = function() {
}
這里會被解析成
var foo;
foo();
foo = function() {}
現(xiàn)在不跟，我們知道函數(shù)的聲明和變量的聲明都會被提升颓帝，但是函數(shù)會優(yōu)先被提升，然后才是變量窝革，加上前面我們說過的重復(fù)的聲明會被覆蓋掉购城，所以當(dāng)函數(shù)和變量同名時(shí)，在編譯階段會優(yōu)先提升函數(shù)的聲明虐译，然后忽略同名的變量聲明瘪板。看下面的例子漆诽；
foo();
var foo;
function foo(){
? ? console.log(1)
}
foo = function() {
? ? console.log(2)
}
最終將被解析為
function foo () {
? ? console.log(1)
}
foo();
foo = function() {
? ? console.log(2)
}
但是侮攀，注意了這里有個(gè)但是锣枝，但是如果是同名的函數(shù)，函數(shù)聲明雖然會被忽略兰英，但是后面的函數(shù)聲明還是會覆蓋掉前面的撇叁，所以，寫代碼的時(shí)候畦贸，注意這個(gè)問題陨闹，避免出現(xiàn)同名函數(shù)以及變量。
