JavaScript 架构/应用程序结构最佳实践？

Question

这些存在吗？

多年来，我一直是大型强类型面向对象语言(Java 和 C#)的奴隶，并且是 Martin Fowler 及其同类的信徒。 Javascript，由于它的松散类型和函数性质，似乎不适合我习惯的习惯用法。

组织 JavaScript 富客户端的最佳实践是什么？我对一切都感兴趣，从保存代码的位置(一个文件或多个文件)到 MVC 模式，再到四种模式再到分层。

不将东西放入全局命名空间似乎是唯一的共识。

我使用 JQuery 作为“扩展 API”。

Answer 1

我喜欢使用某种 MVC 客户端架构。

• 我有一个页面 Controller
• DOM 是我的 View
• 服务器是我的模型

通常我会创建一个单例页面 Controller 类(带有所需的支持类)来控制 ajax 调用和 View 绑定(bind)。

var pageXController = {
  init: function(param) {
    pageXController.wireEvents();
    // something else can go here
  },

  wireEvents : function() {
    // Wire up page events
  }

  // Reactive methods from page events
  // Callbacks, etc
  methodX : function() {}
}

$(document).ready( function() {
  // gather params from querystring, server injection, etc
  pageXController.init(someparams);
});

我还应该在这里补充一点，在这种情况下，您的模型是您的 DTO(数据传输对象)，它们针对它们解决的问题进行了优化。这不是您的域模型。