javascript - 项目中 JavaScript 的良好结构？

Question

所以，我现在已经基本完成网站中的 JS 了。它涉及 jQuery(以及 .ready init)该页面分为两部分，上层主要是谷歌地图，下层是输入表单。

所有这些目前都在一个 .js 中，函数、初始化、迭代，所有这些。它的结构很好，一切都做得很好。

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

Answer 1

从性能的 Angular 来看，按照其他答案的建议，将所有 JS 放在一个文件中提供给浏览器是明智的。但是，以这种方式构建代码并非如此，每个“类”都应该在一个单独的文件中，将内容拆分为实体和一个或两个控制文件来处理实际的页面调用——与任何其他语言一样。然后可以将这些组合到一个文件中，以便提前或动态地提供 - 最好也最小化。