AMD、CMD、CommonJs和ES6對(duì)比

1.什么是AMD、CMD、CommonJs?
AMD(異步模塊定義)是RequireJS在推廣過(guò)程中對(duì)模塊定義的規(guī)范化產(chǎn)出,它是一個(gè)概念,而RequireJS實(shí)現(xiàn)這個(gè)概念??梢酝ㄟ^(guò)require引用加載。
RequireJS特點(diǎn)是依賴前置,即在定義前面通過(guò)數(shù)組的形式加載所有的依賴。

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

CMD(同步模塊定義)是SeaJS在推廣過(guò)程中對(duì)模塊定義的規(guī)范化產(chǎn)出,SeaJS是CMD這個(gè)概念的實(shí)現(xiàn)。特點(diǎn)是就近依賴,即哪里用到依賴就在哪里引入,即用即返回(同步概念)

define(function (require, exports, module) {
  // 通過(guò)require引入依賴
  var $ = require('jquery');
  var Spinning = require('./spinning')
});

CommonJs規(guī)范通過(guò)module.exports定義,前端瀏覽器并不支持,推薦在后端nodeJs中使用

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

ES6新增特性 export/import

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容