如何组织复杂的jquery应用程序？答案

【问题标题】：How to organize complex jquery application?如何组织复杂的jquery应用程序？
【发布时间】：2011-10-20 09:25:12
【问题描述】：

所以我的 jquery 应用程序完全有问题。当应用程序很小时，它很酷。但是当它相当大时，它就是一团糟。嵌套函数、ajax 调用、选择器、dom 操作。似乎它根本是不可包含的，尤其是当它具有复杂的逻辑时。

函数式方法对我帮助不大。而且我看不到如何在实践中使用类和继承。如何组织代码？我已经阅读了很多关于原型和伪经典继承的文章，但它们只是解释了事情是如何工作的，比如你如何从“人类”继承“人”或类似的东西。我如何在现实生活中实际使用它？

【问题讨论】：

+1 正是我现在的感受。自从你提出这个问题后，有什么要分享的吗？

标签： javascript jquery inheritance organization

【解决方案1】：

我发现有两件事真正有助于组织 javascript。一是使用对象进行封装（http://www.dustindiaz.com/namespace-your-javascript），二是为常见任务编写库。正常的重构策略适用于 javascript、提取函数、通用化，如果您有 4 个函数做几乎相同的事情，请将它们更改为可以处理所有四种情况的单个函数。

【讨论】：

+1 完全同意！我坚信您需要像项目中的任何其他代码一样组织 JS。开发人员经常因为回避 JS 代码并将其降级到地下室而感到内疚——我曾经是其中之一！一件事改变了我对这种在很大程度上被误解的语言的看法，这是 Douglas Crockford 的演讲，标题为“Javascript：The Good Parts”，可以在这里找到link

【解决方案2】：

在规划我目前正在开发的大型 jQuery 应用程序时，我发现 Addy Osmani 的 this post 非常有用。

不过，完全披露：我们最终将大部分应用程序主干挂在 YUI3 核心上。我们所有的“控制器”代码都是用 jQuery 编写的，但是前端数据模型是 YUI3。

【讨论】：