[Javascript] 什麼是 Hoisting ?

在 Javascript 裡面，程式在被 interpreter 做處理的時候，變數跟函式的宣告通常會隱含性的被搬到整個 scope 的最上方 (這個行為叫做 Hoisting)。

所以，當程式如下時：

function foo() {
    bar();
    var x = 1;
}

function foo() {

bar();

var x = 1;

}

Interpreter 會把它轉成：

function foo() {
    var x;
    bar();
    x = 1;
}

function foo() {

var x;

bar();

x = 1;

}

同樣的：

function foo() {
    if (false) {
        var x = 1;
    }
    return;
    var y = 1;
}

function foo() {

if (false) {

var x = 1;

}

return;

var y = 1;

}

會被轉成：

function foo() {
    var x, y;
    if (false) {
        x = 1;
    }
    return;
    y = 1;
}

function foo() {

var x, y;

if (false) {

x = 1;

}

return;

y = 1;

}

這樣的動作，有時候會造成一些意料之外的結果或錯誤的產生。

詳細情形，請見參考資料!

參考資料：

Victor Gau