AMD、CMD、CommonJs和ES6的區別

一、AMD是RequireJs在推廣過程中對模塊定義的規范化產出。

define(['package/lib'],function(lib){
  function foo(){
    lib.log("hello world");
  };
  return {
    foo:foo
  };
})

特點是：依賴前置,異步模塊定義

 

二、CMD是SeaJs在推廣過程中對模塊定義的規范化產出。

//所有模塊通過defined來定義
define(function(require,export,module){
  //通過require引入依賴
  var $=require('jqurey');
  var spinning=require('./spinning');
})

特點是：淘寶團隊提供，依賴就近，同步概念即用即加載模塊。

 

三、CommonJs規范，module.exports

exports.area=function(r){
  return Math.PI*r*r;
}

exports.circumference=function(r){
  return 2*Math.PI*r;
}

特點是nodeJs后台采用的規范

 

四、ES6特性export/import

 

特點是成對出現，只有到處才能導入。