这篇文章主要介绍“javascript中AMD,CMD,Commonjs和es6的区别有哪些”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“javascript中AMD,CMD,Commonjs和es6的区别有哪些”文章能帮助大家解决问题。
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---export/importhttp://www.fuke029.com/
在ES6中,我们可以使用 import 关键字引入模块,通过 exprot 关键字导出模块,功能较之于前几个方案更为强大,也是我们所推崇的,但是由于ES6目前无法在浏览器中执行,所以,我们只能通过babel将不被支持的import编译为当前受到广泛支持的 require。
import Home from './Home.vue'
export default {
}
关于“javascript中AMD,CMD,Commonjs和es6的区别有哪些”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识,可以关注亿速云行业资讯频道,小编每天都会为大家更新不同的知识点。
亿速云「云服务器」,即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘,价格低至29元/月。点击查看>>
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。
原文链接:https://my.oschina.net/akshare/blog/4444528