CommonJS、AMD和CMD区别

刺骨的言语ヽ痛彻心扉 2022-06-15 12:06 361阅读 0赞

commonjs、AMD、CMD均是js的模块规范，那么三者的区别是什么呢？这里对三者作简短介绍：

## 1、commonjs ##

CommonJS定义的模块分为:模块引用(require)、 模块导出(exports) 、模块标识(module)。其中require()用来引入外部模块；exports对象用于导出当前模块的方法或变量，唯一的导出口；module对象就代表模块本身。

浏览器不兼容CommonJS的根本原因，在于缺少四个Node.js环境的变量：  
module、exports、require、global。只要能够提供这四个变量，浏览器就能加载 CommonJS 模块。

浏览器不适用commonjs的原因还在于：require引入模块是同步的，这对服务器端不是一个问题，因为所有的模块都存放在本地硬盘，可以同步加载完成，等待时间就是硬盘的读取时间。但对于浏览器来说却是一个大问题，因模块在服务器端，等待时间取决于网速的快慢，可能要等很长时间，浏览器处于”假死”状态。所以浏览器端的模块，不建议用”同步加载”，应采用”异步加载”方式。

**规范相关：**  
nodejs基于commonJS规范。

## 2、AMD ##

AMD是”Asynchronous Module Definition”的缩写，意思就是”异步模块定义”。它采用异步方式加载模块，模块的加载不影响它后面语句的运行。所有依赖这个模块的语句，都定义在一个回调函数中，等模块加载完成之后，这个回调函数才会运行。

AMD也采用require()语句加载模块，但是不同于CommonJS，它要求两个参数：

require([modules], callback);

第一个参数\[modules\]，是需加载的模块名数组；第二个参数callback，是模块加载成功之后的回调函数。

**规范相关：**  
采用AMD规范实现的js库：require.js和curl.js。

## 3、CMD ##

CMD与AMD相似，均采用异步加载模式。

**规范相关：**  
采用CMD规范实现的js库：seajs

**三者主要区别：**

CommonJS主要是为后端js制定的规范，AMD、CMD主要为前端js制定的规范。