所有的 javascript 都应该放到一个单独的 js 文件中吗答案

【问题标题】：should all javascript go into a separate js file所有的 javascript 都应该放到一个单独的 js 文件中吗
【发布时间】：2010-01-09 04:22:24
【问题描述】：

如果某些 jquery 或常规 javascript 应该内联或放在单独的 js 文件中，标准是什么？

【问题讨论】：

【解决方案1】：

这取决于很多因素

1.缓存

当您将 javascript 或 css 分成单独的文件时，它将被缓存在浏览器中，当新请求到达时，无需从浏览器下载新请求。但是在每次请求页面时都需要内联编码的情况下，内容将被下载，这将增加带宽使用量。

2。减少 HTTP 请求

通过进行内联编码，您可以减少 HTTP 请求的数量，这是一种页面优化技术。

3。可维护性

通过制作外部 javascript 和 css 文件将更容易维护代码。您不必更改每个页面即可应用更改。

4.缩小

缩小是从代码中删除不必要的字符以减小其大小从而缩短加载时间的做法。缩小代码后，所有 cmets 以及不需要的空白字符（空格、换行符和制表符）都将被删除。对于 JavaScript，这会提高响应时间性能，因为下载文件的大小会减小。

在这里我找到了一篇不错的文章

【讨论】：

【解决方案2】：

如果全部都在外部文件中会更干净。将您的 CSS 和 Javascript 保存在它们自己的远程文件中，以保持清洁和更好的维护。我对这条规则的唯一例外是当我需要在页面加载时输出一些动态 javascript 值时：我可以在 html 文档的头部执行此操作。

【讨论】：

【解决方案3】：

我们在工作中使用组合 - 任何静态 JS 的外部文件，并嵌入我们为每个页面构建的 JS 页面中（DotNetNuke，因此我们无法预测哪些控件将被命名为客户端）。

【讨论】：

【解决方案4】：

就我个人而言，我更喜欢将所有 javascript 保存在一个外部文件中，这样可以使您的 HTML 或 XHTML 保持干净并且更易于维护，但是当我进行开发时，我通常会将我正在处理的当前代码片段保留在嵌入的顶部文件以便于访问它然后当我完成时我将它移动到外部文件。

至于内联 javascript，我会尽量避免使用它，因为它很难追踪错误，但有时它会很有帮助，例如将 div 层变成链接。

【讨论】：

【解决方案5】：

就个人而言，我认为这是个人选择，并且取决于情况。如果它只是几行 Javascript，我不会费心制作一个单独的文件（和另一个 HTTP 请求）。但是，如果它更多，具有功能且影响不大，我将其放在外部文件中。

此外，如果代码将用于多个页面，则应始终放在单独的文件中，即使只有几行。

【讨论】：

【解决方案6】：

保持 javascript 内联使许多 ide 能够对变量执行自动完成。而如果 JS 在单独的文件中，则此功能不可用。

这是一件大事，恕我直言。我很惊讶现在的 IDE 不能扫描和索引 javascript 文件的使用，因此提供了合理的自动完成选项。

【讨论】：