Heim  >  Artikel  >  Web-Frontend  >  JavaScript-Modulspezifikation AMD-Spezifikation und CMD-Spezifikation_Javascript-Kenntnisse

JavaScript-Modulspezifikation AMD-Spezifikation und CMD-Spezifikation_Javascript-Kenntnisse

WBOY
WBOYOriginal
2016-05-16 15:34:561575Durchsuche

Modularisierung bedeutet, dass bei der Lösung eines komplexen Problems oder einer Reihe gemischter Probleme das Problem systematisch zerlegt und gemäß einem Klassifizierungsdenken verarbeitet wird. Modularisierung ist eine Möglichkeit, komplexe Systeme in verwaltbare Module mit einer vernünftigeren Codestruktur und höherer Wartbarkeit zu zerlegen. Sie können sich vorstellen, wie bedeutsam es für die Software ist, wenn ein riesiger Systemcode integriert, optimiert und in hochlogische Module unterteilt wird. Für die Softwareindustrie: Die Komplexität entkoppelter Softwaresysteme macht Verwaltung, Entwicklung und Wartung „vernünftig“, egal wie groß das System ist.

Es gibt auch einige professionelle Definitionen von Modularität: Modularität ist ein Attribut eines Softwaresystems. Dieses System ist in eine Reihe von Modulen mit hoher Kohärenz und geringer Kopplung zerlegt. In einer idealen Welt müssen wir also nur einen Teil unseres eigenen Kerngeschäftslogikcodes vervollständigen, und andere Abhängigkeiten können durch direktes Laden von Modulen, die von anderen geschrieben wurden, genutzt werden.

1. AMD

AMD hat nur eine Schnittstelle: define(id?,dependencies?,factory);

Bei der Deklaration des Moduls müssen alle Abhängigkeiten (dep) angegeben und auch als formale Parameter an die Factory übergeben werden, etwa so:

Code kopieren Der Code lautet wie folgt:

define(['dep1','dep2'],function(dep1,dep2){...});

Wenn keine Abhängigkeiten vorhanden sind, definieren Sie einfach ein einfaches Modul wie folgt

define(function(){
  var exports = {};
  exports.method = function(){...};
  return exports;
});

Hier gibt es „define“, das die Sache abschließt. In der Node-Implementierung wird das Schlüsselwort nicht angezeigt. Es handelt sich tatsächlich nur um eine implizite Paketierung durch Node.

RequireJS implementiert die AMD-Spezifikation

2. CMD

Onkel Yu hat Seajs geschrieben, das der von ihm vorgeschlagenen CMD-Spezifikation folgt. Es ist etwas leistungsfähiger als AMD und fühlt sich komfortabler an.

3. Der Unterschied zwischen AMD und CMD

CMD entspricht dem Laden bei Bedarf. Sie müssen abhängige Module nicht sofort formulieren. Im Gegenteil, AMD erfordert die Formulierung abhängiger Module Definieren eines Moduls und Einführung der Methode der formalen Parameter in die Fabrik

//AMD-Modusdefinitionsmodul

define(['dep1','dep2'],function(dep1,dep2){
  //内部只能使用制定的模块
  return function(){};
});

//CMD

define(function(require,exports,module){
 //此处如果需要某XX模块,可以引入
 var xx=require('XX');
});

Und SEAJS hat auch eine Nutzungsfunktion, die zuerst die Einführung aller abhängigen Module erfordert, wie zum Beispiel

//SEAJS.Use方式
seajs.use(['dep1','dep2'],function(dep1,dep2){
  //这里实现事务
});

 四、插件支持

但全球有两种比较流行的 JavaScript 模块化体系,一个是 Node 实现的 CommonJS,另外一个是 AMD。很多类库都同时支持 AMD 和 CommonJS,但是不支持 CMD。或许国内有很多 CMD 模块,但并没有在世界上流行起来。

现在比较火的 React 及周边类库,就是直接使用 CommonJS 的模块体系,使用 npm 管理模块,使用 Browserify 打包输出模块。
不久的将来 ES6 中新的模块化标准,可能就都得遵循新的标准了,什么AMD、CMD可能到时也不会怎么用了。

但是目前来说,前端开发没有用模块化编程就真的out的了,而目前的模块化编程,本人还是建议用SEAJS,虽然很多插件需要追加或修改一小块代码才能支持。但改过一次就能反复使用,也不会影响其它标准的支持。总体还算是比较方便实用的。

单独解释AMD 与 CMD 区别到底在哪里?

    看了以上 AMD,requireJS 与 CMD, seaJS的简单介绍会有点感觉模糊,总感觉较为相似。因为像 requireJS 其并不是只是纯粹的AMD固有思想,其也是有CMD规范的思想,只不过是推荐 AMD规范方式而已, seaJS也是一样。

    下面是玉伯对于 AMD 与 CMD 区别的解释:

    AMD 是 RequireJS 在推广过程中对模块定义的规范化产出。

    CMD 是 SeaJS 在推广过程中对模块定义的规范化产出。

    类似的还有 CommonJS Modules/2.0 规范,是 BravoJS 在推广过程中对模块定义的规范化产出还有不少??

    这些规范的目的都是为了 JavaScript 的模块化开发,特别是在浏览器端的。 

   目前这些规范的实现都能达成浏览器端模块化开发的目的。    

 区别:

    1. 对于依赖的模块,AMD 是提前执行,CMD 是延迟执行。不过 RequireJS 从 2.0 开始,也改成可以延迟执行(根据写法不同,处理方式不同)。CMD 推崇 as lazy as possible.

    2. CMD 推崇依赖就近,AMD 推崇依赖前置。看代码:

// CMD

define(function(require, exports, module) {
 var a = require('./a')
 a.doSomething()
 // 此处略去 100 行
 var b = require('./b') // 依赖可以就近书写
 b.doSomething()
 // ...
})

// AMD 默认推荐的是

define(['./a', './b'], function(a, b) { // 依赖必须一开始就写好
 a.doSomething()
 // 此处略去 100 行
 b.doSomething()
 // ...
})

虽然 AMD 也支持 CMD 的写法,同时还支持将 require 作为依赖项传递,但 RequireJS 的作者默认是最喜欢上面的写法,也是官方文档里默认的模块定义写法。

    3. AMD 的 API 默认是一个当多个用,CMD 的 API 严格区分,推崇职责单一。比如 AMD 里,require 分全局 require 和局部 require,都叫 require。CMD 里,没有全局 require,而是根据模块系统的完备性,提供 seajs.use 来实现模块系统的加载启动。

CMD 里,每个 API 都简单纯粹。

    4. 还有一些细节差异,具体看这个规范的定义就好,就不多说了。

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn