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

Question

我正在寻找一些关于如何保持我的Javascript组织和模块化的一般提示.

我工作过的最新的javascript项目看起来像[以下] [1](格式化http://jsfiddle.net/wdkZd/)

你可以看到我试图命名我的JavaScript并构建一些单独的功能.尽管如此,当我需要实现功能之后,我仍然会在自己的代码中丢失.我得到的想法是我可以更好地组织我的代码.

基于你在这里可以看到的任何一般指针？

Answer 1

在过去的 2 年里，我一直致力于一个具有相当大（10000 多行）javascript 代码库的项目，涉及超过 30 名活跃的 javascript 开发人员。

因此，您可能会想象我们在努力保持代码正常的情况下经历了痛苦，这一切都有意义且易于维护（这是一个高度敏捷的环境，其中规范每周甚至更频繁地更改）

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

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