AMD,CMD,Commonjs和es6区别
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了AMD,CMD,Commonjs和es6区别,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1748字,纯文字阅读大概需要3分钟。
内容图文
![AMD,CMD,Commonjs和es6区别](/upload/InfoBanner/zyjiaocheng/1010/a73966e9ff4f4e49b3c899411324b527.jpg)
随着 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) { 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/import
在ES6中,我们可以使用 import 关键字引入模块,通过 exprot 关键字导出模块,功能较之于前几个方案更为强大,也是我们所推崇的,但是由于ES6目前无法在浏览器中执行,所以,我们只能通过babel将不被支持的import编译为当前受到广泛支持的 require。
import Home from './Home.vue' export default { }
内容总结
以上是互联网集市为您收集整理的AMD,CMD,Commonjs和es6区别全部内容,希望文章能够帮你解决AMD,CMD,Commonjs和es6区别所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。