JavaScript中,可以在函數的任何位置聲明多個var語句,并且它們就好像是在函數頂部聲明一樣發揮作用,這種行為稱為 hoisting(懸置/置頂解析/預解析)。當你使用了一個全局變量,然后不久在函數中又重新聲明的話,就可能產生邏輯錯誤。
對于JavaScript,只要變量是在同一個作用域中(同一函數),它都被當做是聲明的,即使是它在var聲明前使用的時候。
看下面這個例子:
myname = "global"; // 全局變量
function func() {
alert(myname); // "undefined"
var myname = "local";
alert(myname); // "local"
}
func();
在這個例子中,可能會以為第一個alert彈出global,第二個彈出local。這種期許是可以理解的,因為在第一個alert 的時候,myname未聲明,此時函數肯定很自然而然地看全局變量myname,但是,實際上并不是這么工作的。第一個alert會彈 出”undefined”是因為myname被當做了函數的局部變量(盡管是之后聲明的),所有的變量聲明當被懸置到函數的頂部了。因此,為了避免這種混 亂,最好是預先聲明你想使用的全部變量。
上面的代碼片段執行的行為可能就像下面這樣:
myname = "global"; // global variable
function func() {
var myname; // 等同于 -> var myname = undefined;
alert(myname); // "undefined"
myname = "local";
alert(myname); // "local"
}
func();
在執行層面上,代碼處理分兩個階段,第一階段是變量,函數聲明,以及正常格式的參數創建,這是一個解析和進入上下文 的階段。第二個階段是代碼執行,函數表達式和不合格的標識符(為聲明的變量)被創建。但是,出于實用的目的,我們就采用了”hoisting”這個概念, 這種ECMAScript標準中并未定義,通常用來描述行為。