Javascript confusione variabile locale e globale

Question

Sono nuovo di Javascript e stavo facendo alcune pratiche sulla validità delle variabili locali e globali, che segue è il mio codice (fiddle):

var myname = "initial" 
function c(){ 
    alert(myname); 
    var myname = "changed"; 
    alert(myname); 
} 
c(); 

quando il primo avviso viene chiamato, sta mostrando myname come non definito. quindi la mia confusione è il motivo per cui non sono in grado di accedere a un'istanza globale di myname e se non definisco myname all'interno della funzione, funzionerà correttamente.

Answer 1

Non sostituisce la variabile globale. Quello che sta accadendo è chiamato "sollevamento variabile". Cioè, var myname; viene inserito nella parte superiore della funzione. inizializzare sempre le variabili prima di usarli - provare questo:

var myname = "initial"; 
 

 
function c() { 
 
    alert(myname); 
 
    myname = "changed"; 
 
    alert(myname); 
 
} 
 

 
c();

Answer 2

in JavaScript, le dichiarazioni delle variabili vengono automaticamente spostati nella parte superiore della funzione. Quindi, l'interprete dovrebbe essere più simile a questo:

var myname = "initial" 
function c(){ 
    var myname; 
    // alerts undefined 
    alert(myname); 
    myname = "changed"; 
    // alerts changed 
    alert(myname); 
} 
c(); 

Questo è chiamato "sollevamento".

A causa del sollevamento e del fatto che l'ambito di qualsiasi variabile è la funzione in cui è dichiarato, è prassi comune elencare tutte le variabili nella parte superiore di una funzione per evitare questa confusione.