为什么在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