Question

我开始使用Javascript并学习最佳实践，但我还没有找到任何更好的说法：

1）单独的脚本：

<script>
// script A here
</script>

<script>
// script B here
</script>

2）将脚本放在一起

<script>
// script A here
// script B here
</script>

Answer 1

都不是。由于脚本通常在页面之间共享，因此最好将它们与HTML分开：

<script type="text/javascript" src="urlOfScriptA.js"></script>
<script type="text/javascript" src="urlOfScriptB.js"></script>

如果你可以将它们组合起来，你就保存了一个请求，所以它甚至更好：

<script type="text/javascript" src="urlOfCombinedScript.js"></script>

但是对于开发来说，拥有单独的文件会很方便。您可以使用工具来组合和minify脚本。这样，它们不仅可以组合成一个脚本（从而减少请求），而且还可以尽可能地压缩它们，从而节省带宽和加载时间。

目前，我还不担心。如果您认为更容易使用，请将文件分开。然后，您可以找到一个可以为您组合和缩小它们的工具。由于这是一个缓慢的过程，您不应该动态地执行此操作，并且在开发环境中执行此操作很不方便，因此在发布站点时只能将它们组合并缩小。

Answer 2

组织。

脚本是否与彼此直接相关？

如果是：合并。
如果不是：保持分开。

（理想情况下，根据相同的分离规则，它们应该在外部.js文件中，然后在提供之前由编译器/缩小器合并）

Answer 3

最佳做法是将您的Javascript作为单个文件放在服务器上（以防止文件以错误的顺序加载）。

您仍然可以使用单个文件，但可以使用一些连接/最小化软件进行编译。

有很多不同的方法可以实现这一目标，但这通常取决于您的工作环境。