javascript中AMD，CMD，Commonjs和es6的区别是什么
本篇内容介绍了“javascript中AMD，CMD，Commonjs和es6的区别是什么”的有关知识，在实际案例的操作过程中，不少人都会遇到这样的困境，接下来就让小编带领大家学习一下如何处理这些情况吧！希望大家仔细阅读，能够学有所成！
随着 JavaScript 代码复杂度的提高，JavaScript模块化这个概念便被提出来，前端社区也不断地实现前端模块化，直到 es6 对其进行了规范，下面就介绍 JavaScript 模块化。本文基于以下要点进行展开
什么是AMD，CMD，CommonJS
AMD，CMD，CommonJS 的区别
应用项目中怎么使用
1、AMD
AMD是RequireJS在推广过程中对模块定义的规范化产出，AMD规范则是非同步加载模块，允许指定回调函数。
AMD标准中，定义了下面两个API：
require([module], callback)
define(id, [depends], callback)
即通过define来定义一个模块，然后使用 require 来加载一个模块。 并且，require 还支持CommonJS 的模块导出方式。
a.js
define(['package/b',...],function(b){
functionfunc1(){
b.sayHi('helloworld');
}
return{
func1:func1
}
});
require(['a'],function(a){
a.func1()
})2、CMD
CMD是SeaJS在推广过程中对模块定义的规范化产出。CMD是同步模块定义。
//所有模块都通过define来定义
define(function(require,exports,module){
//通过require引入依赖
var$=require('jquery');
varC=require('./c.js');
exports.sayHi=...
module.exports=...
})二者的区别是前者是对于依赖的模块提前执行，而后者是延迟执行。 前者推崇依赖前置，而后者推崇依赖就近，即只在需要用到某个模块的时候再 require。
3、CommonJS 规范---module.exports
前端浏览器不支持，Nodejs中使用的是这个规范
exports.sum=function(a,b){
returna+b;
}
exports.count=function(arr){
returnarr.length;
}CommonJS的核心思想就是通过 require 方法来同步加载所要依赖的其他模块，然后通过 exports 或者 module.exports 来导出需要暴露的接口。
4、ES6---export/importhttp://www.fuke029.com/
在ES6中，我们可以使用 import 关键字引入模块，通过 exprot 关键字导出模块，功能较之于前几个方案更为强大，也是我们所推崇的，但是由于ES6目前无法在浏览器中执行，所以，我们只能通过babel将不被支持的import编译为当前受到广泛支持的 require。
importHomefrom'./Home.vue'
exportdefault{
}“javascript中AMD，CMD，Commonjs和es6的区别是什么”的内容就介绍到这里了，感谢大家的阅读。如果想了解更多行业相关的知识可以关注恰卡编程网网站，小编将为大家输出更多高质量的实用文章！
