Convenzioni codice JavaScript - dichiarazione variabile

Question

Qual è l'approccio meno incline agli errori nel dichiarare le variabili in JavaScript?

var a; 
var b; 
var c; 

o

var a, 
    b, 
    c; 

jQuery e Dojo utilizzare il secondo approccio e personalmente questo è il mio preferito in termini di codice la leggibilità, il problema è che trovo più difficile da eseguire il debug.

Esempio 1:

var a, 
    b, 
    c; // oops.. semicolon instead of comma 
    d, 
    e; 

Esempio 2:

Durante la ricerca di una certa variabile nel progetto, var spicca meglio che la variabile viene dichiarata.

EDIT: Gli esempi originali erano errati, ho commesso un errore durante la copia e l'incolla. Il codice è già aggiornato, mi dispiace per l'inconveniente.

Answer 1

Più dichiarazioni variabili (anziché combinate) sono meno soggette a errori, per i motivi che hai menzionato. Tuttavia, le dichiarazioni combinate presentano alcuni altri vantaggi:

• JSLint e probabilmente altri ltri si lamenteranno di più var parole chiave per ambito.
• Una singola parola chiave var si limita meglio di molti, per ovvi motivi.
• La combinazione di dichiarazioni obbliga a dichiarare le variabili in un posto, probabilmente vicino all'inizio della funzione in cui risiedono, il che è considerato una buona pratica.

Sul rovescio della medaglia, come hai detto, si possono commettere errori con le dichiarazioni variabili combinate, e possono essere rappresentate in modo impacciato in una diff.

Finché si mantiene uno stile coerente di dichiarazione delle variabili in tutto il progetto, lo stile scelto non dovrebbe avere molta importanza.

Answer 2

La seconda opzione è migliore nel mio libro, in quanto è meno ridondante. I moderni browser e IDE rendono abbastanza facile trovare un bug come hai chiamato.

Ecco uno jsFiddle che mostra cosa succede. Inserendo accidentalmente un punto e virgola nella serie, viene generato un valore Uncaught ReferenceError. È una soluzione rapida e un piccolo compromesso per una migliore sintassi. Se questo è il bug peggiore che devi affrontare quando scrivi JavaScript, stai passando una bella giornata.

Ironia della sorte, si è verificato un errore nel secondo esempio: punto e virgola dopo a. Ops. :)

MODIFICA: errore di battitura fisso del poster originale; Lascio la menzione perché è pertinente alla domanda originale.

Answer 3

var a; 
var b; 
var c; 

è l'approccio migliore perché non genera un errore non definito. Anche le variabili saranno adeguatamente circoscritte & non nell'ambito globale.

var a=10; 
    b=5; 

risulterebbe b nell'ambito globale.

MODIFICA: questo era nel contesto con il campione pubblicato originariamente https://stackoverflow.com/revisions/9746359/2. Con il contesto aggiornato, si riduce a più preferenze individuali. La mia raccomandazione sarà quella di non dare spazio a quegli errori in quanto è difficile trovarli.

Answer 4

Preferisco il secondo approccio dell'utilizzo di una sola parola chiave var. Recentemente ho fatto un ulteriore passo avanti e istanziato i tipi su ogni variabile per aiutarmi a prevenire la revisione di tipo non intenzionale in seguito. Un esempio è:

var a = 0, 
    b = 0, 
    c = {}, 
    d = [], 
    f = ""; 

Fornisco un valore reale qui se ho un valore da fornire a questo punto. Se non fornisco i seguenti valori fittizi:

• 0 per tipi di numero
• [] per matrice
• {} per oggetto letterale e nodi DOM
• "" per stringa
• function() {return;} per funzioni
• false per booleano
• per questo scopo non mi preoccupo dei tipi di pre-assegnazione per i tipi Math, Date o RegExp.

Answer 5

C'è un bonus per avere la dichiarazione multipla di una variabile usando 1 var.

È possibile avere uno script min. Inferiore. Ovviamente i 4 byte richiesti per avere una dichiarazione var non fanno molta differenza fino a quando sei un posto come stackoverflow.com. Milioni su milioni di download == concerti di trasferimento basati solo su alcune dichiarazioni extra var.