javaScript客户端代码的替代"架构"方法？

Question

你的javaScript代码是如何组织的？它是否遵循MVC等模式？

我已经有一段时间在一个辅助项目上工作了,而且我得到的越多,我的网页就变成了一个功能齐全的应用程序.现在,我坚持使用jQuery,然而,页面上的逻辑正在增长到一些组织,或者我敢说,"架构"是需要的.我的第一个方法是"MVC-ish":

• 'model'是一个JSON树,可以通过帮助程序进行扩展
• 视图是DOM加上调整它的类
• 控制器是我连接事件处理和启动视图或模型操作的对象

然而,我对其他人如何构建更实质的javaScript应用程序非常感兴趣.我对GWT或其他面向服务器的方法不感兴趣...只是在"javaScript + <generic web service-y thingy here>"的方法中

注意:早些时候我说javaScript"不是真的OO,不是真正的功能".我认为,这让每个人分心.让我们这样说吧,因为javaScript在很多方面都是独一无二的,而且我来自一个强类型的背景,我不想强​​制我所知道的范例,而是用非常不同的语言开发的.

Answer 1

..但Javascript有许多方面是 OO.

考虑一下:

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

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

我已经使用这种技术来创建具有自己状态的页面级javascript类,这有助于保持它(并且我经常识别可以重用并放入其他类的区域).

当您拥有要执行自己的脚本的组件/服务器控件时,这也特别有用,但是当您在同一页面上有多个实例时.这使状态分开.