javascript中AMD,CMD,Commonjs和es6的区别是什么
导读:本文共1428字符,通常情况下阅读需要5分钟。同时您也可以点击右侧朗读,来听本文内容。按键盘←(左) →(右) 方向键可以翻页。
摘要: 随着 JavaScript 代码复杂度的提高,JavaScript模块化这个概念便被提出来,前端社区也不断地实现前端模块化,直到 es6 对其进行了规范,下面就介绍 JavaScript 模块化。本文基于以下要点进行展开什么是AMD,CMD,CommonJSAMD,CMD,CommonJS 的区别应用项目中怎么使用1、AMDAMD是RequireJS在推广过程中... ...
目录
(为您整理了一些要点),点击可以直达。随着 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 的模块导出方式。
2、CMD
CMD是SeaJS在推广过程中对模块定义的规范化产出。CMD是同步模块定义。
二者的区别是前者是对于依赖的模块提前执行,而后者是延迟执行。 前者推崇依赖前置,而后者推崇依赖就近,即只在需要用到某个模块的时候再 require。
3、CommonJS 规范---module.exports
前端浏览器不支持,Nodejs中使用的是这个规范
CommonJS的核心思想就是通过 require 方法来同步加载所要依赖的其他模块,然后通过 exports 或者 module.exports 来导出需要暴露的接口。
4、ES6---export/importhttp://www.fuke029.com/
在ES6中,我们可以使用 import 关键字引入模块,通过 exprot 关键字导出模块,功能较之于前几个方案更为强大,也是我们所推崇的,但是由于ES6目前无法在浏览器中执行,所以,我们只能通过babel将不被支持的import编译为当前受到广泛支持的 require。
javascript中AMD,CMD,Commonjs和es6的区别是什么的详细内容,希望对您有所帮助,信息来源于网络。