Perplesso da questo codice JavaScript

Question

frammento di

Per questo frammento di codice, Non mi sorprende variabile globale 'a' viene valutata per essere 5.

http://jsfiddle.net/MeiJsVa23/gZSxY/:

var a = 10; 

function func(){ 
    a = 5; 
} 

func(); // expect global variable 'a' to be modified to 5; 

alert(a); // and this prints out 5 as expected. No surprise here. 
​ 

Ma come mai di questo frammento di codice, globale la variabile 'a' valuta essere 10 e non 5? È come se lo a = 5 non fosse mai successo.

http://jsfiddle.net/MeiJsVa23/2WZ7w/:

var a = 10; 

function func(){ 
    a = 5; 
    var a = 23; 
} 

func(); // expect global variable 'a' to be modified to 5; 

alert(a); // but this prints out 10!! why? 

Answer 1

questo è dovuto al sollevamento variabile: nulla definito con la parola chiave var viene 'issato' alla parte superiore dell'ambito corrente, la creazione di una variabile locale a. Vedi: http://www.adequatelygood.com/2010/2/JavaScript-Scoping-and-Hoisting

Answer 2

Il var a nella funzione viene issato in cima all'ambito della funzione, quindi è la variabile locale che viene modificata, non quella globale.

Answer 3

Questo ha a che fare con il sollevamento .

Nella funzione viene dichiarata una variabile locale con lo stesso nome. Anche se accade dopo la tua modifica, si presume che sia stato dichiarato prima - si chiama sollevamento.

Variabile locale di sollevamento per dichiarazione ma non valore. Quindi:

function someFunc() { 
    alert(localVar); //undefined 
    var localVar = 5; 
} 

funzioni, se dichiarato con function name() {... sintassi, paranco sia per la dichiarazione e valore.

function someFunc() { 
    alert(someInnerFunc()); //5 
    function someInnerFunc() { return 5; } 
} 

Answer 4

var a = 10; //a is 10 

function func(){ 
    a = 5; //a is 5 
    var a = 23; // a is now in local scope (via hoisting) and is 23 
} 

func(); 

alert(a); // prints global a = 10 

Answer 5

Questo si chiama "variable hoisting". Le dichiarazioni var (e le dichiarazioni function()) vengono spostate nella parte superiore del loro ambito.

Answer 6

Presumibilmente, la dichiarazione var a = 23 crea una variabile locale per l'intero ambito. Quindi il globale a è in ombra per l'insieme di func(), non solo per le righe sotto l'istruzione. Quindi nel secondo frammento, a = 5 si assegna alla variabile locale dichiarata di seguito.

Answer 7

Quindi, ci sono due cose che stanno andando qui: hoisting e shadowing.

perché la prima, dichiarazioni di variabili sono "issato" verso l'alto, in modo che il codice è equivalente a:

var a = 10; 

function func(){ 
    var a; 
    a = 5; 
    a = 23; 
} 

E poiché il secondo, si è "in ombra" la variabile globale a con uno locale, quindi le modifiche non si riflettono sul globale a.