将JavaScript代码拆分为多个文件：最佳实践

我只在ExtJS上工作了两周。我所有的代码看起来就像一个大文件。我在代码中包含了许多面板和其他ExtJS对象。（看起来像一棵大树）

---

有没有人能给出一些简单的建议来定义、存储JS文件的代码部分？

适合自己文件的东西可以分为两大类：

型号

任何对象构造函数函数。处理数据的任何函数集。任何业务逻辑。验证逻辑

在不从DOM中写入/读取数据的情况下处理页面上的逻辑操作数据的任何操作

视图

任何呈现到页面的内容。模板文件。任何操纵DOM对象的东西

还有一些其他的东西可以放入它们自己的文件中

• 服务器-客户端通信、WebSocket、ajax
• 微观框架
• 公用皮带
• 路由助手

有些东西很难分解到它们自己的文件中，比如将视图链接到模型的基于事件的消息传递

通常，您希望使用打包工具将所有小文件混合到一个大文件中，然后发送到服务器，或者使用模块加载器，如

---

任何你认为可以模块化的东西都可以放在它自己的文件中。

如果你发现自己在重复代码，你可以创建这些类，这些类可以放在它们自己的文件中。此外，无论是否重复，都可以沿面板线拆分

因此，对于一个教用户如何将经过最少训练的灰熊变成终生伴侣的应用程序，您可能会得到如下文件：

• BearsAreNotDeadly.js
• Search.js
• Tutorials.js
• 可怕的图片
• ComplaintForm.js

---

。。。这些都是应用程序的一部分。

没有更多要说的了。出于性能方面的考虑，您应该减少对服务器的呼叫，但上面也提到了这一点。我现在是移动的，但我现在使用两个。我会尽快回答你这一点，当我回到我的笔记本…此刻我正在使用YUI压缩机为.Net。但我计划仔细研究一下Google闭包编译器。我动态创建了多达75%的JavaScript，所以我选择了这个