L'ambito JavaScript viene modificato? Perché succede?

Question

Il valore di 'a' sembra perdere l'ambito globale quando viene chiamato il costruttore a.

var a = 6; 

function b() { 
    a = 10; 

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

Answer 1

L'ordine è interpretato come mostrato di seguito a causa del sollevamento variabile. Si noti che come @ShadowCreeper indica correttamente, function a(){} sta creando una variabile locale a all'interno della funzione b che viene issata come mostrato di seguito.

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

Poiché si sta creando una variabile locale (la funzione a) allora la sostituzione che il valore di variabile locale (la function) con 10.

Un modo per evitare cose come questo è precedere tutte le variabili e le funzioni locali con "_" (trattino basso).

Answer 3

This answer ha davvero una bella spiegazione di quello che sta succedendo qui.

Il riepilogo è che Javascript viene elaborato in due fasi, compilazione e quindi esecuzione. Le definizioni delle funzioni si verificano durante la fase di compilazione, quindi all'interno di b il compilatore vede la definizione function a() {} e la variabile locale a viene creata nell'ambito di b. Successivamente, quando il codice viene eseguito, l'ambito di b contiene già la variabile locale a prima che venga eseguito qualsiasi codice, pertanto la riga a = 10; sta semplicemente assegnando alla variabile locale un nuovo valore. La definizione della funzione è stata già elaborata durante la compilazione in modo che non si verifichi durante l'esecuzione, pertantoemetterà 10.