javascript - 将所有脚本保存在一个文件中是一种好习惯吗？

Question

我正在开发一个包含几个页面和一些 javascript (jQuery) 脚本的简单网站。对于 CSS，我使用了一个 .css 文件，其中包含每个页面的所有 css，我想对脚本也这样做。所以在我页面的头部我有这个:

<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script src="scripts.js"></script>
<link href="CSS.css" rel="stylesheet" type="text/css">

在这个站点中不要使用太多的 javascript，例如在主页中我只有一种带有简单连续滑动背景的幻灯片，我是这样制作的:

var bgpos=1
function slide() {
$("div.slideshow").css("background-position","0px "+bgpos+"px")
bgpos++ 
}
setInterval(function(){slide()},35)

我在其他页面中也使用了一些 javascript，但我想知道将所有脚本放在一个文件中并链接到每个页面是否是一个好习惯。这是我考虑的主要问题:如果我为每个页面都使用该文件，上面的代码是否会在没有 div.slideshow 的另一个页面中无用地运行？
解决此问题的最佳方法是什么？
我喜欢 javascript 位于与 html 不同的文件中这一事实，但也许最好将这些脚本直接放在头部。

Answer 1

在生产环境中捆绑/缩小您的脚本是一种很好的做法。但是，在开发过程中，建议尽可能保持它们可维护。只要文件不是太大并且代码是模块化的，拥有脚本文件的开发版本就可以了。一旦您的脚本开始变得太大，将它们拆分成功能模块是明智的。让您的捆绑过程担心为生产场景组合文件。