Operazione confusa della parola chiave `var` di JavaScript

Question

Ho incontrato un problema molto strano (per me) con la parola chiave var. L'ho ridotto a un caso di test abbastanza minimale, e ho scoperto che è esposto in Node.js (quindi, V8 e Chrome), Inspector di Safari 4 (quindi, Nitro) e FireBug (ovviamente, SpiderMonkey). Inizialmente stavo preparando un bug report, ma dal momento che è così ampiamente visualizzato, assumerò che io fraintenda completamente il modo in cui JavaScript suppone l'ambito e la ricerca delle variabili.

Il banco di prova è molto piccolo, e su GitHub qui: http://gist.github.com/260067. L'unica differenza tra il primo e il secondo esempio è l'inclusione della parola chiave var.

Qui, pure, è un banco di prova simile che presenta lo stesso 'problema' in un modo diverso: https://gist.github.com/698b977ee0de2f0ee54a

Edit: da escludere qualsiasi altre risposte che cercano di spiegare come funziona portata a cascata, io' Mi sono intimamente familiare. Il mio problema è che io non capisco perché il seguente codice 'funziona' (in quanto alert() s 'esterno', seguito da 'interna', e poi di nuovo 'esterna'):

(function(){ 
    var foo = 'outer'; 
    alert("Outer `foo`: " + foo); 

    (function(){ 
    foo = 'inner'; 
    alert("Inner `foo`: " + foo); 

    var foo; 
    })(); 

    alert("Outer `foo`: " + foo); 
})(); 

Il var foo; si verifica in una posizione del tutto irrilevante alla riassegnazione di foo; quindi perché influenza questo incarico in modo sostanziale?

Answer 1

Il fatto è che a differenza di altri linguaggi, JavaScript crea tutte le variabili all'inizio di una funzione. Ciò significa che il codice:

(function(){ 
    if(myVar == undefined){ 
     alert(myVar); 
    } 
    if(myVar == undefined){ 
     var myVar = 5; 
    } 
})(); 

è effettivamente compilato e interpretato come

(function(){ 
    var myVar; 
    if(myVar == undefined){ 
     alert(myVar); 
    } 
    if(myVar == undefined){ 
     myVar = 5; 
    } 
})(); 

Per creare una variabile e hanno solo a disposizione all'interno di un caso o di ciclo di blocco, è necessario utilizzare let, che è una nuova funzione JavaScript. Non sono sicuro di quanti browser lo implementino ancora (Firefox 3.5 fa se usi <script type="text/javascript;version=1.7">).

(function(){ 
    if(myVar == undefined){ 
     alert(myVar); 
    } 
    if(myVar == undefined){ 
     let myVar = 5; 
    } 
})(); 

Answer 2

l'inclusione di var significa che l'assegnazione del {} è fatto per un locale esportazioni variabile invece delle esportazioni delle variabili globali, il che significa che non ha alcun effetto.

Answer 3

var exports non funziona esattamente come le variabili locali in molte lingue. Dichiara exports come variabile locale nell'intera funzione anziché solo il blocco che lo contiene (anche se appare dopo il primo utilizzo), quindi l'argomento della funzione con lo stesso nome è nascosto.

Modifica: la parola chiave let funziona in modo più convenzionale (dichiara una variabile solo per il blocco contenitore) ma non è disponibile in tutte le versioni di JavaScript.