Lo stesso script che utilizza due file js?

Question

Lo ammetto, non ne so molto di javascript, principalmente "rubo e modifico" da Javascript.com e Dynamic Drive.
Ho incontrato alcuni script che richiamano due file .js

<script type="text/javascript" src="lib/prototype.js">  
</script>
<script type="text/javascript" src="src/aptabs.js">  
</script>  

e mi chiedevo perché, posso tranquillamente unirli entrambi con il mio javascript esterno o esiste una sorta di incompatibilità che impedisce a tutto il codice di condividere lo stesso file?

Answer 1

In realtà è meglio avere prestazioni nello stesso file, a seconda di come il tuo sito è progettato. Il principio è ridurre il numero di richieste http, poiché ognuna comporta un certo sovraccarico.

Detto questo, è qualcosa che va lasciato alla fine della produzione. Durante lo sviluppo è più facile avere tutto separato. Se vuoi unirti a loro, è meglio avere uno script di build automatizzato per eseguire le operazioni.

Answer 2

Spesso è bene separare il codice con preoccupazioni diverse. Questi due file potrebbero provenire da luoghi diversi. Di 'che il prototipo è stato aggiornato e vuoi la nuova bontà. Quindi puoi semplicemente sostituire il file prototype.js sul tuo server anziché modificare il tuo enorme file e fare l'intervento su di esso.

EDIT: è anche " più bello " affinché il browser sia in grado di memorizzare nella cache i file singolarmente. Se la tua domanda nasce dalla preoccupazione di duplicare quel blocco di codice in diversi file html ti suggerisco di crearne uno snippet dal lato server e includerlo nei tuoi file html attraverso qualunque mezzo tu abbia a portata di mano / ti senti a tuo agio.

Answer 3

Sono abbastanza sicuro che javascript non abbia idea da quale file sia stato caricato, quindi non dovrebbe esserci un problema fondendolo, tuttavia ...

Personalmente, li terrei separati. Semplificherà il coordinamento del controllo delle versioni, ecc. Per la maggior parte delle visite ripetute, lo script verrà comunque memorizzato nella cache dal browser, quindi 2 vs 1 non è un grosso problema. Ma quando si aggiorna l'uno (o l'altro), il client deve scaricare solo la metà. Ma ancora una volta, dal momento che è generalmente memorizzato nella cache non è un grosso problema!

Quindi, per semplicità: mantieni gli script nelle loro forme originali. Dato il tuo commento di apertura "Non so molto di javascript", questo è di gran lunga l'approccio migliore; Non intendo in modo denigratorio - semplicemente che se qualcosa va storto, non devi scoprire se l'hai rotto o se era già rotto.

Modifica: semplifica anche il riordino, ad esempio se si utilizzano due script che utilizzano la stessa terminologia come $ in jQuery, che supporta anche una modalità con il nome esplicito.