Perché abbiamo newline in JavaScript minisito?

Question

So di un similar question ma è un po 'piccola fuori da quello che sto chiedendo qui, quindi si prega di no flag come un duplicato.

Quando vedi lo production version of jQuery, perché c'è una nuova linea dopo un po '? Ho scaricato una copia e cancellato tutte le newline (tranne la licenza) e funzionava ancora. (Ho eseguito l'intera suite di test unità contro le mie modifiche su Mozilla Firefox, Google Chrome e Opera.)

so tre nuove righe (senza contare la licenza) non ha intenzione di rallentare un molto, ma ancora, non ogni piccolo aiuto?

Mi sono assegnato una piccola sfida, per spremere ogni piccolo risultato dal mio codice JavaScript.

Answer 1

jQuery currently use UglifyJS per minimizzare il codice sorgente. In their build script, hanno specifically set la direttiva max_line_length di essere 32 * 1024:

Il documentation for UglifyJS ha questo da dire sulla direttiva max-line-len;

--max-line-len (caratteri 32K predefiniti) - aggiungere una nuova riga dopo circa 32 caratteri. Ho visto sia FF che Chrome gracchiare quando tutto il codice era su una singola riga di circa 670K. Pass -max-line-len 0 per disabilitare questa funzione di sicurezza.

Answer 2

Le linee (esclusa la licenza) hanno una lunghezza di circa 30 caratteri. Potrebbe essere evitare errori in cui alcuni parser di Javascript muoiono su linee estremamente lunghe. Questo probabilmente non succederà sui browser di oggi, ma forse alcuni più vecchi o più oscuri hanno tali limiti.

---

(Old risposta qui sotto, che potrebbe anche essere applicabile, non solo in questo caso)

Questo potrebbe essere dovuto al fatto JSMin, un Javascript popolare minifier manterrà la linea feed in uscita a determinate condizioni . Questo perché nei feed di riga Javascript sono significativi se si esclude il punto e virgola, ad esempio. La documentazione dice:

È più prudente nell'omettere i linefeed, poiché i linefeed sono talvolta trattati come punti e virgola. Un avanzamento non è omessa se precede un carattere non ASCII o una lettera ASCII o cifre, o uno dei seguenti caratteri:

\ $ _ { [ (+ - 

e se segue un carattere non ASCII o una lettera ASCII o cifre, o uno dei questi personaggi:

\ $ _ } ]) + - " ' 

Altri minifiers potrebbero avere regole simili.

Quindi questa è principalmente una precauzione contro la rimozione accidentale di un avanzamento di riga che potrebbe essere necessario, in termini di sintassi. L'ultima cosa che vuoi è che il tuo JS minificato non funzioni più perché il minificatore ha distrutto la sua semantica.

Per quanto riguarda »So che tre nuove righe (senza contare la licenza) non ha intenzione di rallentare molto, ma ancora, non ogni piccolo po 'di aiuto«:? Quando il server utilizza la compressione gzip la differenza sarà probabilmente sarà discutibile comunque.

Answer 3

di citare la Closure Compiler FAQ:

la chiusura compilatore aggiunge intenzionalmente linea rompe ogni 500 caratteri o giù di lì.Firewall e proxy a volte corrompono o ignorano i file JavaScript di dimensioni notevoli con linee molto lunghe. Aggiunta di interruzioni di riga ogni 500 caratteri impedisce questo problema. La rimozione delle interruzioni di riga non ha alcun effetto sulla semantica di uno script. L'impatto sulla dimensione del codice è ridotto e il Compiler ottimizza il posizionamento dell'interruzione di riga in modo che la penalità del codice sia ancora più piccola quando i file vengono compressi con gzip.

Questo è rilevante per tutti i programmi di minifoto in generale.