在一个项目中的JavaScript良好的结构？

Question

所以，我相当与JS在我的网站现在完成了。它涉及的jQuery（作为这样的。就绪INIT） 该页面有两个部分，上部主要是谷歌地图和下部是输入形式。

的这一切是目前的一个的.js，函数，inits，迭代全部。 这是很好的结构和所有这一切，一切都正确完成。

我的问题是不过什么是一个好的结构？ 我应该把在一个文件上半部分和下在另一个？ 或者我应该把。就绪（下所有需要初始化），将所有的功能在另一个文件？ 或者我应该把一切都在一个不断增长的文件？

Answer 1

从性能的角度来看，在一个单一的文件浏览器提供所有的JS由其他答案的建议是明智的。然而，具有内置的代码，这样的话，每个“类”应该是在一个单独的文件，分割东西到实体和一个控制文件或两个来处理实际的页面调用 - 同任何其他语言。这些然后可以被组合以一个文件供给要么提前，或动态 - 。优选也被最小化

Answer 2

保持脚本调用一个最小值提高了处理时间 - 每个脚本包括是一个往返，增加了时间。所以 - 个人喜好，只要你不关心页面加载时间

雅虎最佳实践加速您的网站开始了与最小化HTTP请求：

  

的最终用户响应时间的80％是   花费在前端。这其中大部分   时间以下载所有捆绑   在页面组件：图片，   样式，脚本，Flash等   减少组件的数量   反过来降低HTTP的数量   请求所需来渲染页面。   这是关键更快的页面。

     

的一种方式，以减少的数量   在页面组件是简化   页面的设计。但是，有没有办法   与更丰富的内容构建网页   同时也实现快速响应   次？这里有一些技巧   减少HTTP请求的数量，   同时还支持丰富的页面   设计。

     

合并的文件是降低的方式   HTTP的请求数通过组合   所有脚本到一个单一的脚本，   同样所有CSS成一个组合   单一的样式表。合并文件是   更具挑战性，当脚本和   样式变化一页一页地，   但让你释放的这部分   方法改善的响应时间。

Answer 3

就个人而言，我更喜欢把所有的代码在一个单一的文件，因此浏览器必须获取只有一个文件，而不是二/三/四/不管。

但我认为这完全取决于个人喜好。