在项目中良好的JavaScript结构？

Question

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

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

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

Answer 1

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