javascript - JavaScript 客户端代码的替代 "architectural"方法？

Question

您的 JavaScript 代码是如何组织的？它是否遵循 MVC 之类的模式或其他模式？

我从事一个业余项目已有一段时间了，我做得越深入，我的网页就越变成一个功能齐全的应用程序。现在，我坚持使用 jQuery然而，页面上的逻辑正在增长到需要某种组织，或者我敢说，“架构”的地步。我的第一个方法是“MVC-ish”:

• “模型”是一个用助手扩展的 JSON 树
• View 是 DOM 加上调整它的类
• Controller 是我连接事件处理和启动 View 或模型操作的对象

不过，我对其他人如何构建更强大的 javaScript 应用程序非常感兴趣。我对 GWT 或其他面向服务器的方法不感兴趣……只是对“javaScript + ”的方法感兴趣

注意:之前我说过 javaScript“不是真正的 OO，不是真正的函数式”。我认为这分散了所有人的注意力。让我们这样说吧，因为 javaScript 在很多方面都是独一无二的，而且我来自强类型背景，我不想强​​行使用我知道但用非常不同的语言开发的范例。

Answer 1

..但是 Javascript 有很多面向对象的方面。

考虑一下:

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

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

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

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