Punto e virgola JavaScript all'inizio del codice: ancora una buona pratica?

Question

Mi è stato insegnato che si tratta di una buona pratica di inserire sempre un punto e virgola all'inizio del codice JavaScript, come segue:

;(function(){ 

})(); 

Tuttavia, molte biblioteche popolari JavaScript/quadri non utilizzare questo, come ad esempio jQuery , Backbone, ecc.

Credo che all'inizio il punto e virgola dovrebbe impedire al codice errato di interrompere il codice minificato/compresso, ecc. Ma ancora, perché nessuno lo sta usando più?

Il punto e virgola all'inizio si è rivelato inutile per qualche motivo?

Answer 1

Idealmente la minimizzazione e l'unione di più file non dovrebbe avere alcun effetto sul tuo stile di codifica. Dovresti essere in grado di scrivere il tuo programma come desideri e quindi utilizzare uno strumento automatico per unire e minimizzare correttamente il tuo progetto.

Ci sono molti strumenti automatici che fanno questo. Dai un'occhiata a UglifyJS 2 per esempio. Sono sicuro che sarai in grado di trovare molti altri strumenti simili se ti guardi intorno.

Tornando alla domanda, è importante inserire un punto e virgola dopo un'espressione di funzione immediatamente richiamata come ha sottolineato Daff. Tuttavia non c'è motivo di mettere un punto e virgola prima di esso. Se sei un bravo ragazzo e metti un punto e virgola dopo ogni affermazione ed espressione, non dovresti mai avere problemi.

Non consentire mai a JavaScript di inserire automaticamente il punto e virgola per te.

L'unico posto dove è lecito non mettere un punto e virgola è dopo una dichiarazione di funzione:

function foo() {} // it's alright to not put a semicolon here 

Tuttavia, se si sta utilizzando un'espressione di funzione poi sempre mettere un punto e virgola.

(function foo() {})(); // you should put a semicolon here 

Inserire il punto e virgola da qualsiasi altra parte è solo fonte di confusione. Soprattutto all'inizio di una linea. Le persone di altri background di programmazione potrebbero anche pensare che sia l'inizio di un commento di fine linea.

Answer 2

La pratica più comune è aggiungere un punto e virgola alla fine del file. Il problema è, quando è concatenare due file come questo:

// file1.js 
(function() { 
})() 

// file2.js 
(function() { 
})() 

senza mettere un punto e virgola alla fine del file1, si tenta di richiamare il valore restituito dalla funzione in file1 con la funzione di file2. Mettere un punto e virgola alla fine di ogni file risolverà questo problema (così come lo metteranno all'inizio).

Un altro modo è quello di trasformare la funzione di chiamata in una dichiarazione come questa:

!function() { 
}(); 

Penso che questo è anche raccomandato da JSLint, perché in questo caso non c'è bisogno di preoccuparsi di punto e virgola (anche se è dovrebbero usarli comunque, ma questa è una discussione completamente diversa;).