Co tu dzieje się z zakresem JavaScript?

Question

Pisałem następujący fragment kodu:

var f = function() { document.write("a"); }; 

function foo() { 
    f(); 

    var f = function() { document.write("b"); }; 
} 

foo(); 

Spodziewałem funkcję, która drukuje a się nazywać, ale zamiast tego daje błąd wykonania o wywołanie wartość undefined. Dlaczego to się dzieje?

Answer 1

Chodzi o zmiennych podnoszenia http://www.adequatelygood.com/JavaScript-Scoping-and-Hoisting.html, http://net.tutsplus.com/tutorials/javascript-ajax/quick-tip-javascript-hoisting-explained/

kod jest eqvivalent do następnego;

var f = function() { document.write("a"); }; 
function foo() { 
    //all var statements are analyzed when we enter the function 
    var f; 
    //at this step of execution f is undefined; 
    f(); 
    f = function() { document.write("b"); }; 
} 
foo(); 

Answer 2

Odtąd (podobnie jak w java) nie musisz się martwić kolejnością definiowania rzeczy w pliku. Kiedy na nowo zdefiniujesz zmienną f, ona wypakowuje inną wersję f, ale nie jest zdefiniowana, dopóki nie zostanie wywołana f, więc otrzymasz błąd.