Javascript: Funktion hissen

Question

In diesem Beispiel weiß ich, dass es undefined drucken wird.

var bar = typeof foo; 
var foo = function() { 
    console.log('abcd'); 
} 
foo(); 
console.log(bar); // -> undefined 

So verstehe ich, dass, wenn die Variablen hochgezogen werden, bar oben foo bleibt, aber foo wird ausgeführt, so sollte nicht der Dolmetscher wissen, was foo ist?

Hinweis: Ich versuche zu verstehen, wie der Interpreter funktioniert. Meine Frage ist nicht, wie man das obige Snippet repariert.

Answer 1

Wenn Sie die Variablendefinition Hebe Konto, ist der Code zu diesem äquivalent:

var bar; 
var foo; 

// foo does not yet have a value, so it it's still undefined 
bar = typeof foo; 

// foo gets a value here 
foo = function() { 
    console.log('abcd'); 
} 

// since foo got a value in the previous statement, you can now execute it here 
foo(); 
console.log(bar); 

Nur die Variablendefinitionen selbst hochgezogen werden, nicht die Zuordnungen.

So können Sie aus dieser Bestellung sehen, dass, wenn Sie ausführen bar = typeof foo dass foo hat noch einen Wert haben, so dass Sie damit undefined-bar zuweisen.

---

Funktionsdefinitionen wie:

function foo() { 
    console.log('abcd'); 
} 

sind auch gehisst, wenn Sie also foo wie folgt definiert, dann wäre es eine andere Geschichte sein. Die von Ihnen verwendete Funktionszuordnung wird jedoch nicht selbst ausgelöst. Die Art, wie Sie foo definieren, ist nur eine variable Zuweisung wie jede andere.