将JavaScript代码拆分为几个文件:最佳实践



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

适合自己的文件分为两大类:

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

任何在逻辑上处理页面上的数据而不从DOM中读写的操作。

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

也有各种各样的东西适合自己的文件

  • 服务器-客户端通信,Websockets, ajax
  • <
  • 微框架/gh>
  • 实用工具腰带
  • 路由帮手。

有一些东西很难独立到它们自己的文件中,比如将视图链接到模型的基于事件的消息传递。

一般来说,你要么使用打包工具将所有小文件混合成一个大文件发送到服务器,要么使用require这样的模块加载器。

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

如果您发现自己在重复代码,您可以创建这些类,这些类可以放到它们自己的文件中。此外,你可以沿着面板线分割,不管它们是否重复。

因此,对于一个教用户如何将他们的最低限度训练的灰熊变成终身伴侣的应用程序,您可能会以这样的文件结束:

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

…每一个都是应用程序的一部分

最新更新