爲什麼在javascript語句返回語句之後的代碼可用

Question

我是JavaScript新手，我有一個困惑。
正如我們總是在返回語句無法訪問之後教過的那樣。
但在下面的情況下，這是不正確的，我不明白爲什麼它如此。

function foo() { 

    //define bar once 
    function bar() { 
     return 3; 
    } 

    //redefine it 
    function bar() { 
     return 8; 
    } 

    //return its invocation 
    return bar(); //8 
} 
alert(foo()); 

http://jsfiddle.net/jainhimanshu/euga4mcy/
輸出爲8，但它應該是3

因此，誰能讓我清醒的概念。

Answer 1

這是因爲您必須調用該函數才能從中獲取return值。

功能bar不被調用，它只被定義。

所以，當函數foo()被稱爲

return bar(); 

從foo執行並返回8。

編譯器看到foo如下（重寫bar後）：

function foo() { 
    function bar() { 
     return 8; 
    } 

    return bar(); 
} 
alert(foo()); 

當達到return bar()，功能bar被調用，它的返回值。

後的bar

function foo() { 
    return 8; 
} 
alert(foo()); 

Answer 2

function foo(){ 
    // .... 
} 

調用創建新Function object，並且受讓人命名foo它。它仍然沒有被調用，只是被創建，所以任何return語句都不會被觸發。

當這個函數內部創建新Functions，像

function foo(){ 
    function bar() { 
    return 3; 
    } 
    return 4; 
} 
// after you execute foo 
console.log(foo()); // will log 4 

但非常重要的是，這個詞彙域內，功能bar被創建，但沒有在那裏執行。又見Lexical scope

但是，當你有一個名爲bar這個

function foo(){ 
    function bar(){ 
    return 3; 
    } 
    function bar() { 
    return 8; 
    } 
    return bar(); 
} 
// after you execute foo 
console.log(foo()); // will log 8 

當你執行功能foo內global範圍，它創建函數對象，那麼它創建了一個名爲bar新的函數對象，舊的被重新定義，與爲variable分配新值相同，值更改，但在此上下文中，分配給函數名稱的函數體發生了更改。

因爲您的功能foo有return關鍵字，它會返回該值。它返回的值是返回函數bar的值，因爲return bar();將執行函數bar並返回從函數bar收到的值，例如它的值爲8。

比較變量的重新定義與功能的重新定義

var a; 
a = "some string"; 
a = 5; // a has value 5, no mater older values 
// same goes for functions 
function bar(){ .... } 
function bar(){ .... } 
function bar(){ .... } 
// invoke bar 
bar(); // last function bar will be executed, no mater other function's bar definitions