Java語言吊裝-David Shariff測驗

Question

問題是，以下警報將是什么：

function bar() {
    return foo;
    foo = 10;
    function foo() {}
    var foo = '11';
}
alert(typeof bar());

答案是功能。

我的問題：

1. bar（）不會被其返回值取代嗎？ 如果沒有，為什么？
2. foo = 10嗎？ 被吊在頂部？ （吊裝）

Answer 1

您可以這樣看：

function bar() {
    var foo = function() {};
    return foo; // function ends here
    foo = 10;
    foo = '11';
}

其他兩個賦值語句沒有發生。

Answer 2

JavaScript僅懸掛聲明。

對於function聲明，包括它們的整個語句主體（在foo的情況下為空）。 但是，對於var ，分配不被視為聲明的一部分，而是保留在放置語句的位置。 ^（2）

對於引擎， bar()似乎是：

function bar() {
    // hoisted
    function foo() {}
    var foo;          // no-op, `foo` was already declared by `function foo() {}`

    // remaining statements
    return foo;

    // unreachable code following a `return`
    foo = 10;
    foo = '11'; // separated from `var foo;`
}

結果得到的typeof function是指function foo() {}的類型， bar()返回的是對該function foo() {}的引用。 ^（1）

alert(bar().toString()); // "function foo() {}"