在项目中良好的JavaScript结构？

Question

所以，我现在已经在我的网站上完成了JS。 它涉及jQuery（以及这样的.ready init）页面有两个部分，上部主要是Google Maps，下部是输入表单。

所有这些目前都在一个 .js，函数，inits，迭代，所有这些。 结构很好，所有这一切都做得很好。

但问题是：什么是好结构？ 我应该将上半部分放在一个文件中而将下部放在另一个文件中吗？ 或者我应该在.ready（）下放置所有需要的初始化并将所有函数放在另一个文件中？ 或者我应该将所有内容保存在不断增长的文件中？

Answer 1

从性能角度来看，按照其他答案的建议将所有JS在单个文件中提供给浏览器是明智的。 但是，以这种方式构建代码不是，每个“类”应该在一个单独的文件中，将事物分成实体和一个或两个控制文件来处理实际的页面调用 - 与任何其他语言相同。 然后可以将这些组合到一个文件中以提前或动态地供应 - 优选地也最小化。

Answer 2

保持脚本调用至少可以缩短处理时间 - 每个脚本都包含一个增加时间的往返。 所以 - 个人偏好，只要你不关心页面加载时间。

雅虎加快网站速度的最佳实践始于最小化HTTP请求 ：

最终用户响应时间的80％用于前端。 大部分时间都在下载页面中的所有组件：图像，样式表，脚本，Flash等。减少组件数量反过来减少了呈现页面所需的HTTP请求数量。 这是更快页面的关键。

减少页面中组件数量的一种方法是简化页面设计。 但有没有办法构建内容更丰富的页面，同时还能实现快速响应时间？ 以下是一些减少HTTP请求数量的技术，同时仍支持丰富的页面设计。

组合文件是一种通过将所有脚本组合到单个脚本中来减少HTTP请求数量的方法，并且类似地将所有CSS组合到单个样式表中。 当脚本和样式表在不同页面之间变化时，组合文件更具挑战性，但是使这部分发布过程可以缩短响应时间。

Answer 3

就个人而言，我更喜欢将所有代码保存在一个文件中，因此浏览器只能获取一个文件而不是两个/三个/四个/无论如何。

但我认为这取决于个人偏好。