问javaScript客户端代码的替代“架构”方法？

EN

..but Javascript有许多是面向对象的方面。

请考虑以下内容：

var Vehicle = jQuery.Class.create({ 
   init: function(name) { this.name = name; } 
});

var Car = Vehicle.extend({ 
   fillGas: function(){ 
      this.gas = 100; 
   } 
});

我使用这种技术来创建具有自己状态的页面级javascript类，这有助于保持它的可控性(我经常确定可以重用的区域并将其放入其他类中)。

当您有自己的脚本要执行的组件/服务器控件时，但在同一页上可能有多个实例时，这也特别有用。这保持了状态的分离。

对于组织和开发大型JS应用程序，JavaScriptMVC是一个很好的选择。

架构设计考虑得很周到。你可以用JavaScript做4件事：

1. response to a event
2. Request Data / Manipulate ( ajax )
3. 将特定于域的信息添加到ajax响应中。
4. 更新DOM

JMVC将它们划分为模型、视图、控制器模式。

首先，也可能是最重要的优势，是控制器。控制器使用事件委托，因此您只需为页面创建规则，而不是附加事件。它们还使用控制器的名称来限制控制器工作的范围。这使得你的代码是确定性的，这意味着如果你在一个'# todos‘元素中看到一个事件发生，你就知道必须有一个todos控制器。

$.Controller.extend('TodosController',{
   'click' : function(el, ev){ ... },
   '.delete mouseover': function(el, ev){ ...}
   '.drag draginit' : function(el, ev, drag){ ...}
})

接下来是模型。JMVC提供了一个强大的类和基本模型，使您可以快速组织Ajax功能(#2)，并使用特定于域的功能包装数据(#3)。完成后，您可以使用控制器中的模型，如下所示：

Todo.findAll({after: new Date()}，myCallbackFunction)；

最后，一旦你的待办事项回来了，你必须展示它们(#4)。这就是您使用JMVC视图的地方。

'.show click' : function(el, ev){ 
   Todo.findAll({after: new Date()}, this.callback('list'));
},
list : function(todos){
   $('#todos').html( this.view(todos));
}

在'views/todos/list.ejs‘中

<% for(var i =0; i < this.length; i++){ %>
   <label><%= this[i].description %></label>
<%}%>

JMVC提供的不仅仅是架构。在开发周期的任何部分，它都可以帮助您：

• Code generators
• Integrated Browser、Selenium和Rhino Testing
• Documentation
• Script compression
• Error reporting

MochiKit非常棒--可以说，就js库而言，它是我的最爱。但我发现，虽然MochiKit有非常丰富的语法，但我对它的感觉远不如Prototype/MochiKit或jQuery让我觉得舒服。

我认为如果你知道或者喜欢python，那么MochiKit对你来说是一个很好的工具。