码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2018-05-12 19:19:15      阅读:422      评论:0      收藏:0      [点我收藏+]

标签:style   bsp   some   highlight   es6   comm   imp   module   使用   


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简单对比

标签:style   bsp   some   highlight   es6   comm   imp   module   使用   

原文地址:https://www.cnblogs.com/wangxirui/p/9029426.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!