JavaScript-Bereich wird geändert? Warum passiert das?

Question

Der Wert von 'a' scheint globalen Geltungsbereich zu verlieren, wenn der Konstruktor a aufgerufen wird.

var a = 6; 

function b() { 
    a = 10; 

    function a() {} 
    console.log(a); //10 
} 
b(); 
console.log(a); //6 

Answer 1

Die Reihenfolge wird aufgrund des variablen Hubs wie folgt interpretiert. Beachten Sie, dass, wie @ShadowCreeper korrekt angibt, function a(){} tatsächlich eine lokale Variable a innerhalb der Funktion b erstellt, die wie unten gezeigt gehisst wird.

var a; 
var b; 

a = 6; 
b = function() { 
var a; 
a = function(){}; 
a = 10; 
console.log(a); //10 
} 
b(); 
console.log(a); //6 

Answer 2

Weil Sie eine lokale Variable (die Funktion a) Erstellen dann ersetzt, dass die lokale Variablenwert (die function) mit 10.

Eine Möglichkeit, solche Dinge zu vermeiden, besteht darin, allen lokalen Variablen und Funktionen mit "_" (Unterstrich) voranzukommen.

Answer 3

This answer hat eine wirklich schöne Erklärung dessen, was hier vor sich geht.

Die Zusammenfassung ist, dass Javascript in zwei Phasen, Kompilierung und dann Ausführung verarbeitet wird. Die Funktionsdefinitionen treten während des Kompilierungsschritts auf, so dass der Compiler innerhalb von b die Definition function a() {} sieht und die lokale Variable a im Rahmen von b erstellt wird. Später, wenn der Code ausgeführt wird, enthält der Gültigkeitsbereich von b bereits die lokale Variable a, bevor ein Code ausgeführt wird, so dass die Zeile a = 10; der lokalen Variablen nur einen neuen Wert gibt. Die Funktionsdefinition wurde bereits während der Kompilierung verarbeitet, so dass sie während der Ausführung nicht auftritt. Daher gibt console.log(a)10 aus.