javascript - 如何将 JavaScript 代码库划分为模块？

Question

我的 Web 应用程序中的 JavaScript 已经变成一个巨大的文件。我想把它分解成模块，这样更容易管理。

我不知道是否有任何既定的最佳实践来剖析 Web 应用程序的代码库，或者它是否因项目而异？

特别是:

• 每个模块是否应该负责一个应用范围的概念，例如“布局”或“客户端存储”等？

• 或者模块应该针对正在构建的应用程序的特定概念(例如“评论”或“日历”)，并且每个模块负责管理自己的布局、自己的客户端存储等？

• 还是两者兼而有之？

Answer 1

如果你取Separation of Concerns和 Single Responsibility考虑到每个模块/组件等应该负责做它所做的事情而不是其他任何事情。通过重构为小的、易于管理的 block 来分解你的模块，这些 block 只完成它的工作，别无其他。

就您的 JS 应用程序而言，您可以查看一些客户端 MVC 框架(例如 knockout、sproutcore、spine 等，仅举几例)这些框架有助于在逻辑上将 View 和布局分离到 Controller 和模型.您可能还对使用 require.js 之类的东西在需要时加载模块感兴趣。

There is a very good book by Alex McCaw值得一读。

MVC 只是一种模式，但它是一种非常流行的模式，可以解决您的一些顾虑。

祝你好运。