Perché questo avviso 5?

Question

po 'curioso di codice qui ...

var x = 5; 

function fn() { 
    x = 10; 
    return; 
    function x() {} 
} 
fn(); 
alert(x); 

Ecco il jsFiddle

Is function x() {} chiamato a tutti dopo return? Perché non avvisare 10?

Answer 1

function x() {} è hoisted dell'inizio portata fn s', e questo rende efficace x una variabile locale prima viene valutata.

La funzione è non impostata su 10.

Aggiornamento: La frase sopra è errata. x è impostato su 10. var non è abituato a dichiararlo, ma anche se fosse, l'ultima frase nella citazione che segue si riferisce solo al dichiarazione parte del nome x, non la sua assegnazione-10.

Da MDN (sottolineatura mia):

funzione

Tre moduli con diverso comportamento portata:

• dichiarato: come una dichiarazione in cima funzione di genitore -level
  • si comporta come una var vincolante che viene inizializzato a quella funzione
  • inizializzazione "paranchi" alla cima della funzione genitore, sopra vars

var

• funzione-ambito
• paranco per la parte superiore della sua funzione
• redeclarations lo stesso nome nello stesso ambito sono gabbie

Answer 2

funzione x float all'inizio, in modo da assegnare la funzione di 10

Answer 3

Questo perché fn è un oggetto, e x è una proprietà di tale oggetto. L'ambito locale prende sempre la precisione sui globali.

Answer 4

Si sta dichiarando la funzione x all'interno di fn; pertanto, stai utilizzando la versione locale di x. Non importa a che punto viene dichiarata la funzione x. Che cosa si sta effettivamente facendo quando si imposta x 10 è si sta impostando la funzione di x a 10.

Answer 5

This code Allerte anche 5:

var x = 5; 

function fn() { 
    x = 10; 
    return; 
    var x; 
} 
fn(); 
alert(x);​ 

Il punto importante è che si dichiara una variabile locale x. Dichiarando una variabile dopo anche l'estratto conto non ha importanza: è ancora una variabile locale.

Rimuovere la dichiarazione e si ottiene 10 perché la x non è più una variabile locale.

Answer 6

X nella fn() è una funzione ma x dell'area globale è una var

rimuovere la funzione x() {} parte e x saranno avvisati 10

Answer 7

Ciò è causato dal modo in cui il sollevamento variabile funziona in JavaScript. Le dichiarazioni variabili vengono issate, ma non i loro mandati. Le dichiarazioni di funzione vengono anche issate insieme al corpo della funzione (sebbene le espressioni di funzione non lo siano).

Quindi il codice è effettivamente facendo questo:

var x = 5; 

function fn() { 
    var x; 
    x = function() {} 
    x = 10; 
    return; 
} 
fn(); 
alert(x); 

Il x all'interno della funzione è quindi dichiarata solo ambito locale e non influisce sulla x decalred nel codice principale.