使用两个js文件的相同脚本？

Question

我承认，我对javascript了解不多，主要是我只是<！>“偷”并修改<！>“;来自Javascript.com和Dynamic Drive。
我遇到了一些调用两个.js文件的脚本

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

并且想知道为什么，我可以安全地将它们与我的外部javascript合并，还是存在一种不兼容性，阻止所有代码共享同一个文件？

Answer 1

将它们放在同一个文件中实际上更好的性能 - 取决于您的网站的架构方式。原则是减少http请求的数量，因为每个请求都有一些开销。

那就是说，这是留到生产最后的最好的东西。在开发过程中，将所有内容分开更容易。如果您要加入它们，最好使用自动构建脚本来执行操作。

Answer 2

将代码与不同的问题分开通常会很好。这两个文件可能来自不同的地方。说原型升级，你想要新的善良。然后你可以只更换服务器上的prototype.js文件，而不是编辑你的大文件并对其进行手术。

编辑：它也是<！>“;更好<！>”;使浏览器能够单独缓存文件。如果您的问题来自于在多个html文件中复制该代码块的问题，我建议您从服务器端制作一个代码片段，并通过您手边的任何方式将其包含在您的html文件中/感觉舒适。

Answer 3

我很确定javascript不知道它加载了哪个文件，因此不应该有问题合并它，但是......

就个人而言，我会将它们分开。这将使协调版本控制等变得更加简单。对于大多数重复访问，无论如何，脚本都将被浏览器缓存，因此2对1并不是一个很大的问题。但是当你升级一个（或另一个）时，客户端只需下载一半。但同样，因为它通常被缓存，所以它不是一个大问题！

为简单起见，请将脚本保留为原始格式。鉴于你的开场评论<！>“我不太了解javascript <！>”，这是迄今为止最好的方法;我不是那么贬低 - 只是如果出现问题，你不想找到你是否破坏它，或者它已经破裂了。

编辑：它还可以轻松地重新排序，例如，如果您使用两个使用相同术语的脚本，例如jQuery中的$，它也支持具有显式命名的模式。