**一.案發(fā)現(xiàn)場 **我們先看一段很簡單的代碼：
var v='Hello World'; alert(v);
這個沒有疑問吧，彈出“Hello World”沿猜。OK，我們繼續(xù)。
我們在看一段Code：
var v='Hello World'; (function(){ alert(v); })()
經(jīng)過運(yùn)行之后蛇尚，我們發(fā)現(xiàn)，還是和我們預(yù)期的一樣顾画，彈出了“Hello World”取劫。
好了，有意思的來了研侣。接著在看一段下面的代碼：
var v='Hello World'; (function(){ alert(v); var v='I love you'; })()
如果這個是一個面試題谱邪，面試官問你這個結(jié)果是多少？你怎么回答庶诡？ 我們先看結(jié)果吧惦银！
結(jié)果是 undefined？和你上面自己想的一樣嗎？ 好吧璧函，我就不故弄玄虛了傀蚌。其實(shí)，這里面隱藏了一個陷阱-----JavaScript中的變量提升（Hoisting）蘸吓；
二.深度剖析
現(xiàn)在我來解釋下提升是什么意思善炫？顧名思義，就是把下面的東西提到上面库继。在JS中箩艺，就是把定義在后面的東東（變量或函數(shù)）提升到前面中定義。
在解釋提升之前宪萄，我們先來看一下js中的作用域（scoping）問題艺谆。
對于JavaScript新手來說scoping是最令人困惑的部分之一。事實(shí)上拜英，不僅僅是新手静汤，我遇到或很多有經(jīng)驗(yàn)的JavaScript程序員也不能完全理解scoping。JavaScript的scoping如此復(fù)雜的原因是它看上去非常像C系語言的成員居凶。請看下面的C程序：
#include <stdio.h> int main() { int x = 1; printf("%d, ", x); // 1 if (1) { int x = 2; printf("%d, ", x); // 2 } printf("%d\n", x); // 1 }
這段程序的輸出是1,2,1虫给。這是因?yàn)樵贑系語言有塊級作用域(block-level scope),當(dāng)進(jìn)入到一個塊時，就像if語句侠碧，在這個塊級作用域中會聲明新的變量抹估，這些變量不會影響到外部作用域。但是JavaScript卻不是這樣弄兜。在Firebug中試試下面的代碼：
var x = 1; console.log(x); // 1 if (true) { var x = 2; console.log(x); //2 } console.log(x);// 2
在這段代碼中药蜻，F(xiàn)irebug顯示1，2,2替饿。這是因?yàn)镴avaScript是函數(shù)級作用域(function-level scope)语泽。這和C系語言是完全不同的。塊盛垦，就像if語句湿弦，并不會創(chuàng)建一個新的作用域。只有函數(shù)才會創(chuàng)建新的作用域腾夯。
對于大部分熟悉C颊埃，C++，C#或是Java的程序員來說蝶俱，這是意料之外并且不被待見的班利。幸運(yùn)的是，因?yàn)镴avaScript函數(shù)的靈活性榨呆，對于這個問題我們有一個解決方案罗标。如果你必須在函數(shù)中創(chuàng)建一個臨時的作用域，請像下面這樣做：
function foo() { var x = 1; if (x) { (function () { var x = 2; // some other code }()); } // x is still 1. }
這種方面確實(shí)非常靈活，它使用在任何需要創(chuàng)建一個臨時作用域的地方闯割，不僅僅是某個塊中彻消。但是，我強(qiáng)烈建議你花點(diǎn)時間好好理解下JavaScript scoping宙拉。它實(shí)在是非常強(qiáng)力宾尚，而且它也是我最喜歡的語言特性之一。如果你很好的理解了scoping谢澈，理解hoisting將會更加容易煌贴。
2.1變量提升
變量提升，很簡單锥忿，就是把變量提升提到函數(shù)的top的地方牛郑。我么需要說明的是，變量提升 只是提升變量的聲明敬鬓，并不會把賦值也提升上來淹朋。
比如： 我們定義三個變量：
(function(){ var a='One'; var b='Two'; var c='Three'; })()
實(shí)際上它是這樣子的：
(function(){ var a,b,c; a='One'; b='Two'; c='Three'; })()
這個時候就把變量提升了呀。
好列林，我們現(xiàn)在回到第一段code里面瑞你。為什么會報錯呢？其實(shí)希痴，根據(jù)我么根據(jù)上面變量提升原件以及js的作用域（塊級作用域）的分析，得知 上面代碼真正變成如下：
var v="Hello World"; (function(){ var v; alert(v); v="I love you"; })()
所以春感，才會提示說“undefined”砌创。
從這里，我們也學(xué)習(xí)到鲫懒，我們在寫js code 的時候嫩实，我么需要把變量放在塊級作用域的頂端，比如我在上面所舉的例子：var a,b,c;窥岩。防止出現(xiàn)意外甲献。
2.2 函數(shù)提升
函數(shù)提升是把整個函數(shù)都提到前面去。
在我們寫js code 的時候颂翼，我們有2中寫法晃洒，一種是函數(shù)表達(dá)式，另外一種是函數(shù)聲明方式朦乏。我們需要重點(diǎn)注意的是球及，只有函數(shù)聲明形式才能被提升。
函數(shù)聲明方式提升【成功】
function myTest(){ foo(); function foo(){ alert("我來自 foo"); } } myTest();
函數(shù)表達(dá)式方式提升【失敗】
結(jié)果如下：
function myTest(){ foo(); var foo =function foo(){ alert("我來自 foo"); } } myTest();
左邊報錯了呻疹。沒騙你吃引。
應(yīng)該到這里基本都可以弄懂了。~ 呵呵。镊尺。 再次謝謝Beta Rabbit
