在几个文件中拆分JavaScript代码：最佳实践

Question

我只用ExtJS工作2周。我的所有代码看起来都像一个大文件。我在代码中包含许多面板和其他ExtJS对象。看起来像一棵大树） 可以为定义，存储JS文件的代码部分提供一些简单的建议吗？

Answer 1

适合自己档案的内容分为两大类：

<强>模型

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

处理页面上逻辑操作数据而不从DOM写入/读取的任何内容。

<强>视图

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

还有适合自己文件的杂项

• 服务器 - 客户端通信，Websockets，ajax。
• 微框架
• 实用腰带
• 路由助手。

有些内容难以渗透到他们的拥有文件中，例如基于事件的消息将您的视图链接到模型。

通常，您希望使用打包工具将所有小文件混合到一个大文件中以发送到服务器或使用像require这样的模块加载器。

您认为可以模块化的任何内容都可以放入自己的文件中。

Answer 2

如果您发现自己重复代码，可以创建这些类，这些类可以进入自己的文件。此外，无论是否重复，您都可以沿面板线分割。

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

• BearsAreNotDeadly.js
• Search.js
• Tutorials.js
• GruesomePictures.js
• ComplaintForm.js

......每个人都是申请的一部分。