13518219792
这篇“javascript中AMD，CMD，Commonjs实例分析”文章的知识点大部分人都不太理解，所以小编给大家总结了以下内容，内容详细，步骤清晰，具有一定的借鉴价值，希望大家阅读完这篇文章能有所收获，下面我们一起来看看这篇“javascript中AMD，CMD，Commonjs实例分析”文章吧。
创新互联建站-专业网站定制、快速模板网站建设、高性价比歙县网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式歙县网站制作公司更省心,省钱,快速模板网站建设找我们，业务覆盖歙县地区。费用合理售后完善，十载实体公司更值得信赖。
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) {
function func1 () {
b.sayHi('hello world');
}
return {
func1: func1
}
});
require(['a'], function(a) {
a.func1()
})2、CMD
CMD是SeaJS在推广过程中对模块定义的规范化产出。CMD是同步模块定义。
//所有模块都通过define来定义
define(function(require, exports, module) {
// 通过require引入依赖
var $ = require('jquery');
var C = require('./c.js');
exports.sayHi = ...
module.exports = ...
})二者的区别是前者是对于依赖的模块提前执行，而后者是延迟执行。 前者推崇依赖前置，而后者推崇依赖就近，即只在需要用到某个模块的时候再 require。
3、CommonJS 规范---module.exports
前端浏览器不支持，Nodejs中使用的是这个规范
exports.sum = function(a,b) {
return a + b;
}
exports.count= function(arr) {
return arr.length;
}CommonJS的核心思想就是通过 require 方法来同步加载所要依赖的其他模块，然后通过 exports 或者 module.exports 来导出需要暴露的接口。
4、ES6
在ES6中，我们可以使用 import 关键字引入模块，通过 exprot 关键字导出模块，功能较之于前几个方案更为强大，也是我们所推崇的，但是由于ES6目前无法在浏览器中执行，所以，我们只能通过babel将不被支持的import编译为当前受到广泛支持的 require。
import Home from './Home.vue'
export default {
}以上就是关于“javascript中AMD，CMD，Commonjs实例分析”这篇文章的内容，相信大家都有了一定的了解，希望小编分享的内容对大家有帮助，若想了解更多相关的知识内容，请关注创新互联行业资讯频道。
