异步模块定义(AMD)和紧耦合?

时间:2011-08-27 16:22:47

标签: javascript architecture dojo google-closure js-amd

所以我一直在阅读CommonJs Modules规范并查看dojo实现和google闭包实现。这个概念非常酷,但我有一个使用AMD紧密耦合应用程序的问题。

关闭网站的示例:

goog.provide('tutorial.notepad');
goog.provide('tutorial.notepad.Note');

goog.require('goog.dom');
goog.require('goog.ui.Zippy');

/**
 * Iterates over a list of note data objects, creates a Note instance
 * for each one, and tells the instance to build its DOM structure.
 */
tutorial.notepad.makeNotes = function(data, noteContainer) {
  var notes = [];
  for (var i = 0; i < data.length; i++) {
    var note = 
      new tutorial.notepad.Note(data[i].title, data[i].content, noteContainer);
    notes.push(note);
    note.makeNoteDom();
  }
  return notes;
};

/**
 * Manages the data and interface for a single note.
 */
tutorial.notepad.Note = function(title, content, noteContainer) {
  this.title = title;
  this.content = content;
  this.parent = noteContainer;
};

/**
 * Creates the DOM structure for the note and adds it to the document.
 */
tutorial.notepad.Note.prototype.makeNoteDom = function() {
  // Create DOM structure to represent the note.
  this.headerElement = goog.dom.createDom('div',
      {'style': 'background-color:#EEE'}, this.title);
  this.contentElement = goog.dom.createDom('div', null, this.content);
  var newNote = goog.dom.createDom('div', null,
      this.headerElement, this.contentElement);

  // Add the note's DOM structure to the document.
  goog.dom.appendChild(this.parent, newNote);
  return new goog.ui.Zippy(this.headerElement, this.contentElement);
};

所以我的问题是这里没有紧密耦合吗?如果你将tutorial.notepad提供给应用程序,而其他一些模块需要它,并且tutorial.notepad中的功能更改不存在紧密耦合问题。基本上,您正在将可以在其上生存的模块链接在一起,从而创建一个脆弱的体系结构。

我可能会想到这个错误,如果有人可以在架构上下文中讨论这个问题,或者有任何关于构建松散耦合的AMD架构的资源。

0 个答案:

没有答案