javascript - 创建一个模块化和有组织的 javascript 重型网站

Question

我正在寻找一些关于如何使我的 Javascript 井井有条和模块化的一般技巧。

我从事的最新 javascript 重项目看起来像 [以下][1](格式为 http://jsfiddle.net/wdkZd/)

如您所见，我尝试为我的 javascript 命名空间并构建一些独立的函数。尽管如此，当我之后需要实现功能时，有时我仍然会迷失在自己的代码中。而且我发现我可以在组织代码方面做得更好。

是否有任何基于您在此处看到的内容的一般指示？

Answer 1

在过去的 2 年里，我一直在从事一个具有相当大(10000 多行)javascript 代码库的项目，涉及 30 多个活跃的 javascript 开发人员。

因此，您可能可以想象，我们曾经历过痛苦，试图保持代码的形状，并且这一切都有意义且易于维护(这是一个高度敏捷的环境，规范每周更改一次，如果不是更频繁的话)

我们尝试解决结构问题的一些方法如下:

• 命名空间是必须的。
• 分层构建您的应用程序，例如我们在代码中定义了以下层:传输层、数据层、业务逻辑层、控制层和用户界面
• 围绕常见的可重用独立单元测试组件/模块构建层，例如:状态、选择、模板、存储、事件等
• 使用模式，阅读各种模式，了解何时使用它们，如果您不这样做，就开始使用 :)
• 保持编码风格一致，除非绝对必要，否则不要偏离 - 代码需要 self 解释，注释是一种邪恶，只有在极端情况下才有必要
• 试着用以下术语来思考:先使用再重用，先简单和可维护再优雅 - 给自己一些准则并坚持下去