AMD,CMD,Common.js和ES6简单对比

Posted 瑞瑞大人

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了AMD,CMD,Common.js和ES6简单对比相关的知识,希望对你有一定的参考价值。


AMD是Require.js在推广过程中对模块定义的规范化产出


 

1.依赖前置

define(["alpha"], function (alpha) {

  return {

  verb: function(){

  return alpha.verb() + 2;

  }

  }; 

  });

 


 

CMD是Sea.js在推广过程中对模块定义的规范化产出


1.依赖就近

define(function(require, exports) {

  // 获取模块 a 的接口
  var a = require(‘./a‘);

  // 调用模块 a 的方法
  a.doSomething();

});

Common.js规范前端浏览器不支持,通常在服务端node使用此规范


输出:exports.方法

    Node为每个模块提供一个exports变量,指向module.exports

   module.exports  

     module.exports属性表示当前模块对外输出的接口,其他文件加载该模块,实际上就是读取module.exports变量。


ES6


export default {}   默认输出

import 输入

 

以上是关于AMD,CMD,Common.js和ES6简单对比的主要内容,如果未能解决你的问题,请参考以下文章

AMD,CMD.CommonJs和UMD还有es6的模块化对比

common js CMD/AMD 是什么 和他们之间的联系区别

amdcmdCommonJS以及ES6模块化

ES6中的Module与Interator

AMDCMDCommonJs和 ES6对比

前端模块化:CommonJS,AMD,CMD,ES6