AMD规范、CMD规范、CommonJS

╰半橙微兮° 2022-12-19 06:13 252阅读 0赞

![图片描述][5dfe71962f19315aae3ce3c110459a2e.png]

### 一、AMD规范 ###

AMD规范，全称是Asynchronous Module Definition，即异步模块加载机制。完整描述了模块的定义，依赖关系，引用关系以及加载机制。

AMD的核心是预加载，先对依赖的全部文件进行加载，加载完了再进行处理。

实际上AMD 是 RequireJS 在推广过程中对模块定义的规范化的产出

**优点：**

适合在浏览器环境中异步加载模块。可以并行加载多个模块。 并可以按需加载。

`RequireJS`主要解决了两个问题：

1.  多个`js`文件可能有依赖关系，被依赖的文件需要早于依赖它的文件加载到浏览器
2.  `js`加载的时候浏览器会停止页面渲染，加载文件越多，页面失去响应时间越长

requireJS的使用：[https://www.jianshu.com/p/c90fff39c225][https_www.jianshu.com_p_c90fff39c225]

### 二、CMD规范 ###

CMD规范：全称是Common Module Definition，即通用模块定义。**按需加载**。在 CMD 规范中，一个模块就是一个文件，使用define来进行模块，define是一个全局函数。

AMD和CMD最大的区别是对依赖模块的执行时机处理不同，而不是加载的时机或者方式不同，二者皆为异步加载模块。

**异步加载：不阻碍后面代码加载执行**

AMD依赖前置，js可以方便知道依赖模块是谁，立即加载；而CMD就近依赖，需要使用把模块变为字符串解析一遍才知道依赖了哪些模块，这也是很多人诟病CMD的一点，牺牲性能来带来开发的便利性，实际上解析模块用的时间短到可以忽略。

SeaJs使用：[https://www.jianshu.com/p/ebdf2233e3fe][https_www.jianshu.com_p_ebdf2233e3fe]

### 三、CommonJS规范 ###

这种写法适合服务端，**因为在服务器读取模块都是在本地磁盘，加载速度很快。**

CommonJS规范加载模块是同步的，也就是说，只有加载完成，才能执行后面的操作。

所有代码都运行在模块作用域，不会污染全局作用域。

模块可以多次加载，但是只会在第一次加载时运行一次，然后运行结果就被缓存了，以后再加载，就直接读取缓存结果。要想让模块再次运行，必须清除缓存。

模块加载的顺序，按照其在代码中出现的顺序。

### 参考：[https://www.jianshu.com/p/09ffac7a3b2c][https_www.jianshu.com_p_09ffac7a3b2c] ###

[5dfe71962f19315aae3ce3c110459a2e.png]: /images/20221120/c6408fc75cdb4495bb0bf562229444e1.png
[https_www.jianshu.com_p_c90fff39c225]: https://www.jianshu.com/p/c90fff39c225
[https_www.jianshu.com_p_ebdf2233e3fe]: https://www.jianshu.com/p/ebdf2233e3fe
[https_www.jianshu.com_p_09ffac7a3b2c]: https://www.jianshu.com/p/09ffac7a3b2c

发表评论取消回复

表情：

评论列表（有 0 条评论，252人围观）

还没有评论，来说两句吧...

相关阅读

相关前端模块化规范（CommonJs,AMD和CMD）

CommonJS CommonJS是**服务器端模块的规范**，由Node推广使用，webpack也采用这种规范编写 commonJs规范： CommonJS...

川长思鸟来/ 2024年04月19日 15:52/ 0 赞/ 5 阅读

相关 AMD规范、CMD规范、CommonJS

![图片描述][5dfe71962f19315aae3ce3c110459a2e.png] 一、AMD规范 AMD规范，全称是Asynchronous Module D

╰半橙微兮°/ 2022年12月19日 06:13/ 0 赞/ 253 阅读

相关 JS模块化规范之commonjs,AMD

什么是commonjs CommonJs 是一种 JavaScript 语言的模块化规范，它通常会在服务端的 Nodejs 上使用。根据CommonJS规范，一

- 日理万妓/ 2022年10月31日 04:28/ 0 赞/ 221 阅读

相关浅析JS中的模块规范（CommonJS，AMD，CMD）

如果你听过js模块化这个东西，那么你就应该听过或CommonJS或AMD甚至是CMD这些规范咯，我也听过，但之前也真的是听听而已。现在就看看吧，这些规范到底是啥

亦凉/ 2022年08月08日 05:28/ 0 赞/ 202 阅读

相关 JavaScript模块规范commonJS/AMD/UMD/CMD

<table> <tbody> <tr> <td style="margin:0px;padding:0px;font-family:'微软雅黑', '宋体'

梦里梦外;/ 2022年05月27日 01:12/ 0 赞/ 299 阅读

相关 AMD、CMD和CommonJS规范

CommonJS规范 CommonJS是在浏览器环境之外构建JavaScript生态系统为目标产生的项目，比如服务器和桌面环境中。CommonJS规范是为了解决Jav

我就是我/ 2022年05月16日 00:35/ 0 赞/ 328 阅读

相关 AMD-CMD-CommonJS

AMD和CMD都是为了解决浏览器端模块化问题而产生的 > 1、AMD推崇依赖前置，在定义模块的时候就要声明其依赖的模块 > 2、CMD推崇就近依赖，只有在用到某个模块的

水深无声/ 2022年03月02日 10:52/ 0 赞/ 305 阅读

相关 JS开发之CommonJs和AMD/CMD规范

CommonJS是主要为了JS在后端的表现制定的，他是不适合前端的，AMD(异步模块定义)出现了，它就主要为前端JS的表现制定规范。在兼容CommonJS的系统中，你可以使

迷南。/ 2021年12月15日 03:31/ 0 赞/ 284 阅读

相关 js的AMD、CMD和CommonJs规范

学无止境真是一点没错，IT行业新知识新技术简直是井喷状态在发展，这两年javaScript（以下简写JS）发展是相当迅猛，09年诞生的node.js成长迅速，今天又在网上看到A

素颜马尾好姑娘i/ 2021年06月24日 13:58/ 0 赞/ 497 阅读

相关 amd规范转commonjs规范

的是在项目框架中安装外部组件时，组件的规范能够统一。由于早期开发未整体文档，细节已记不太清，先把代码地址贴上来：[https://github.com/tianmiy...

朱雀/ 2020年10月25日 07:58/ 0 赞/ 842 阅读