Una var per funzione in JavaScript?

Question

Ho usato JSLint per farmi stare male con il mio JavaScript. A proposito, è fantastico. C'è un assegno che non capisco e vorrei i tuoi punti di vista, per favore.

Da jslint.com:

In linguaggi con ambito blocco, si raccomanda di solito che le variabili essere dichiarate presso il sito del primo utilizzo. Ma poiché JavaScript non ha scope di blocco, è più saggio dichiarare tutte le variabili di una funzione nella parte superiore della funzione. Si consiglia di utilizzare una singola istruzione var per ogni funzione.

Qual è l'ultima frase in grassetto che dice davvero? Penso che dovrei dichiarare più variabili come questa?

var foo = 1, bar = 2; 

E, è la parte "saggio" solo uno stile di programmazione per scoraggiare gli errori su tutta la linea o c'è di più ad esso che quello?

Grazie per il vostro aiuto.

Answer 1

Il problema è che, indipendentemente dal fatto che lo realizzi o meno, javascript sposta in modo invisibile tutte le dichiarazioni var in cima all'ambito della funzione.

quindi se avete una funzione come questa

var i = 5; 
function testvar() { 
    alert(i); 
    var i=3; 
} 
testvar(); 

la finestra di avviso conterrà indefinito. perché internamente, è stato modificato in questo:

var i = 5; 
function testvar() { 
    var i; 
    alert(i); 
    i=3; 
} 
testvar(); 

questo è chiamato "sollevamento". La ragione per cui crockford sostiene con forza le dichiarazioni var in cima, è che rende il codice visibilmente corrispondente a quello che sta per fare, invece di permettere che si verifichino comportamenti invisibili e imprevisti.

Answer 2

Fondamentalmente in blocchi JavaScript ({ ... }) non introducono un nuovo ambito, esiste solo la funzione-ambito, quindi non viene creato alcun ambito su alcuna altra istruzione.

Una variabile introdotta ovunque in una funzione è visibile ovunque nella funzione.

Ad esempio:

function myFunction(){ 
    var one = 1; 

    if (one){ 
    var two = one + 1; 
    } 

    (function() { 
    var three = one + two; 
    })(); 

    // at this point both variables *one* and *two* are accessible but 
    // the variable *three* was declared in the scope of a inner function 
    // and is not accessible at this point. 
} 

In linguaggi con ambito blocco, raccomanda di dichiarare le variabili in corrispondenza del punto di primo utilizzo, ma dal momento che JavaScript non ha scopo di blocco, è meglio dichiarare tutto ad un le variabili della funzione nella parte superiore della funzione.

Controllare questo article.

Answer 3

Sì, significa che si dichiarano tutte le variabili all'inizio della funzione. Se vuoi farlo in una riga o più righe è una questione di scelta.

Il motivo è spiegato nel paragrafo che hai citato. Le variabili Javascript hanno solo un ambito a livello di funzione. Se dichiari la stessa variabile all'interno di un blocco if/while/for, verrà sovrascritta dal nuovo valore poiché il blocco non ha un nuovo ambito. Questo è diverso da lingue come Java. Per evitare tali sorprese, dichiarare tutte le variabili che si intende utilizzare nella funzione all'inizio della funzione in modo da non riscrivere accidentalmente "andything".

Answer 4

La mancanza del campo di applicazione blocco spiega il codice qui sotto:

var a = 1; 
if (something) { 
    var a = 2; 
} 

alert(a); // Alerts "2" 

Nella maggior parte in stile C (come nella sintassi) lingue, la definizione var a = 2 definirebbe 'a' solo per il campo di applicazione del blocco if. L'uso di una singola istruzione var nella parte superiore della funzione aiuta a evitare questo cavillo di Javascript, che non è sempre ovvio come sopra, e sarebbe inaspettato per i programmatori C/C#/Java.