AMDCMDCommonJs和 ES6对比

Posted 2020-10-25

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

define([‘package/lib‘], function(lib){
   function foo(){
     lib.log(‘hello world!‘);
  }

   return {
     foo: foo  
  };
});

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

//所有模块都通过 define 来定义

define(function(require,exports,module){
   
  //通过require引入依赖
  var $ = require(‘jquery‘);

  var Spinning = require(‘./spinning‘); 

})

CommonJS规范-module.exports  (node服务端使用CommonJS规范)

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

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

ES6新特性 export/import

export default{
   props:["num"],
   data(){
     return{}
  },
methods:{
     increment(){
     this.$emit("incre");
     import(‘../../util‘) 
   },
    decrement(){
      this,$emit("decre");
    }
  }
}