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

Question

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

Answer 1

适合自己文件的内容分为两大类：

楷模

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

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

意见

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

还有一些杂项可以放入自己的文件中

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

有些东西很难放入他们自己的文件中，例如将视图链接到模型的基于事件的消息传递。

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

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