Javascript:如何理解所有框架和设计理念？

Question

我已经成为 jQuery(及其一些小插件)的用户有一段时间了。我多年来开发的 Javascript 代码可以用“困惑”来形容。它到处使用了大量的全局变量和函数，没有使用组织代码的标准方法，也没有任何设计模式。

我目前正在构建新版本的网站，并且我已经完成了使用 PEAR::MDB2 和 Smarty 模板的后端。其余的只是带有一些类的自制 PHP。

现在我将在网站顶部添加 Javascript 层，以提高某些功能的用户友好性。 (同时确保一切正常降级)我想编写比以前更好、更干净、更有组织的 Javascript，所以我做了一些研究。我阅读了 Stefanov 的 Object-Oriented Javascript，以便更好地掌握一些我粗略了解的概念(原型(prototype)、构造函数等)。现在我陷入了一个困境，我想知道我应该使用哪些 Javascript 框架，以及如何组织它们。

经过研究，我理解了 Cappuccino & Objective-J ，而 Sproutcore 不是我要找的。引用卡布奇诺的关于页面:

Cappuccino is not designed for building web sites, or making existing sites more "dynamic". We think these goals are too far removed from those of application development to be served well by a single framework. Projects like Prototype and jQuery are excellent at those tasks

就是这样。然后我发现了 Coffee Script ，它更像是一个一对一的“编译器”，不会帮助我实际组织代码。

我还偶然发现了一些提供指导的文章:

• Using Inheritance Patterns to Organize Large jQuery Applications
• A JavaScript Module Pattern

我还发现了 Backbone.js 、 Shoestring 、 JavaScriptMVC 、 Google Loader 、 jQuery Tools 、 jQuery UI 。我真的不知道该怎么办这一切......我知道的事情:

• 我不想投入太多时间来学习太复杂的东西，我想让事情尽可能简单和灵活(例如，这就是为什么我不在后端使用 Symfony)，但是干净、有条理。
• 我想使用 jQuery，问题是，我应该用它做什么？ (也兼容)

现在，我将使用 jQuery 和 jQuery 工具，并使用简单的属性和方法将所有内容“组织”在一个简单的命名空间/对象文字中，而且，由于该网站已本地化，我只计划使用简单的 vsprintf (就像我在后端所做的那样)，键:值对从后端提供的对象文字加载。 JavaScriptMVC 看起来很有趣，但我担心它会给一个相当小的项目带来太多的复杂性。这就是我需要你的建议的地方!预先非常感谢您。

Answer 1

好吧，我尝试回答:

没有“最好”的方法。您现在知道那里有什么，我认为您可能对自己想要的东西有偏好。在这种情况下，选择一个框架并从内到外地学习它。 (抱歉戳破了你的幻想，但是每个框架都有一个学习曲线，有些很陡，有些很容易，但最终要用好它，你必须对其进行投资。只要去做，你就不会后悔)。

您当然偏爱干净的代码，因此您可能会考虑一些注意事项。您还说您偏爱 jQuery，这很好，但有一些限制(正如 eskimoblood 提供的链接中也指出的那样)。

有一些不错的讲座/和教程，其中提供了有关如何在 jQuery 中构建代码的建议:

• How to manage large jquery apps
• On Large jQuery apps
• Essential Javascript and jQuery patterns (free ebook)

一些风格指南:

• Jquery core UI Styleguide
• Google Closure Javascript Style Guide

检查代码的工具

• JSLint
• JSHint (a more forgiving/practical fork)
• Closure Linter (haven't tried it yet, but intend to)

标准作品(javascript)

• Everything by Douglas Crockford
• Quirksmode

可能还有更多......也许更多的人可以做出贡献，但我也认为在动手之前你已经几乎了解了你可以学到的东西。其中许多指南都是以非常通用的方式编写的，但有趣的是，在许多特定情况下都会调用 javascript。仅发布一些您认为“困惑”的代码可能会很有用，我们可以帮助您找出更好的方法。祝你好运!