JavaScript histing und scope

Question

warum loggt die foo() - Funktion undefined? Die erste text Variable ist eine globale Variable, daher sollte foo() Zugriff darauf haben.

var text = "outside"; 

function foo() { 
    console.log(text); 
    var text = "inside"; 
} 

foo(); 

Answer 1

Auch wenn die var Anweisung nach der console.log() Aussage ist, wird die Erklärung zu Beginn der Funktion gehisst. Dies deklariert eine lokale Variable, die die globale Variable schattiert. Aber die Initialisierung geschieht nicht, bis Sie tatsächlich zu der Anweisung gelangen, die nach der console.log()-Anweisung ist.

So Ihre Funktion ist äquivalent zu:

function foo() { 
    var text; 
    console.log(text); 
    text = 'inside'; 
} 

Wenn Sie nicht die var Erklärung verwendet haben dann würden Sie auch weiterhin die globale Variable verwenden, und die Neuzuordnung würde erst nach dem console.log() passieren.