Das gleiche Skript mit zwei js-Dateien?

Question

Ich gebe zu, ich habe nicht zu viel weiß über Javascript, meist „stehlen und modifizieren“ von Javascript.com und Dynamic Drive ich gerade.
Ich habe über ein paar Skripte ausführen, die zwei Js Dateien aufrufen

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

und habe mich gefragt, warum, kann ich sie sicher verschmelzen sowohl mit meinem externen JavaScript oder ist es eine Art von Unverträglichkeit, die von der gemeinsamen Nutzung der gleichen Datei den gesamten Code verhindert?

Answer 1

Es ist eigentlich eine bessere Leistung weise sie beide in der gleichen File- zu haben Je nachdem, wie Sie Ihre Website architected ist. Das Prinzip besteht darin, die Anzahl von HTTP-Anforderungen zu verringern, da jeder einen gewissen Overhead führt.

Das heißt, das ist etwas, am besten links bis zum Ende der Produktion. Während der Entwicklung ist es einfacher, alles seperate zu haben. Wenn Sie sie verbinden gehen, ist es am besten, einen automatisierten Build-Skript haben, um die Operationen durchführen.

Answer 2

Es ist oft eine gute Code mit verschiedenen Anliegen zu trennen. Diese beiden Dateien können aus verschiedenen Orten kommen. Sagen Prototyp aktualisiert wird und Sie die neue Güte. Dann können Sie einfach die prototype.js Datei auf Ihrem Server ersetzen, anstatt die Bearbeitung Ihre große Datei und führen Sie die Operation auf sich.

EDIT: Es ist auch „schöner“ für den Browser individuell die Dateien zwischenspeichern zu können. Wenn Ihre Frage aus einer Sorge zu duplizieren, dass Code-Block in mehr HTML-Dateien kommt empfehle ich Ihnen einen Schnipsel aus der Server-Seite zu machen und bin ihm Ihre HTML-Dateien über alles, was bedeutet, dass Sie bei der Hand haben / fühlen sich bequem mit.

Answer 3

Ich bin mir ziemlich sicher, dass die Javascript keine Ahnung haben, was es Datei geladen aus, so sollte es nicht ein Problem verschmelzenden es aber ...

sein

Ich persönlich würde halten sie trennen. Es macht es einfacher zu koordinieren Versionierung usw. Für die meisten wiederholten Besuche, wird das Skript vom Browser sowieso im Cache gespeichert werden, so dass 2 vs 1 ist nicht wirklich ein großes Problem. Aber wenn man ein Upgrade zu tun (oder andere), braucht der Kunde nur noch halb so viel zum Download bereit. Aber auch hier, da es in der Regel zwischengespeichert wird, ist es kein großes Problem!

So der Einfachheit halber - die Skripte in ihrer ursprünglichen Form halten. Angesichts Ihrer Öffnung Kommentar „Ich weiß nicht, zu viel über Javascript wissen“, dies ist bei weitem der beste Ansatz; Ich meine nicht, dass abschätzig -. Einfach, dass, wenn etwas schief geht, Sie wollen nicht haben zu finden, wenn Sie es brechen, oder es wurde brach bereits

Edit: es macht es auch einfach neu zu ordnen, zum Beispiel, wenn Sie zwei Skripte verwenden, die die gleiche Terminologie wie $ in jQuery verwenden, die auch einen Modus mit der expliziten Nennung unterstützt

.