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

川长思鸟来 2024-04-19 15:52 72阅读 0赞

## CommonJS ##

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

### commonJs规范： ###

CommonJS模块规范主要分为三部分：模块定义、模块标识、模块引用。

模块定义：module对象：在每一个模块中，module对象代表该模块自身。 export属性：module对象的一个属性，它向外提供接口。输出模块变量的最好方法是使用`module.exports`对象。一个单独的文件就是一个模块。每一个模块都是一个单独的作用域，也就是说，在该模块内部定义的变量，无法被其他模块读取，除非定义为`global`对象的属性。

模块标识：传递给require方法的参数，必须是符合小驼峰命名的字符串，或者以 . 、.. 、开头的相对路径，或者绝对路径。

模块引用：加载模块使用`require(同步加载)`，该方法读取一个文件并执行，返回文件内部的`module.exports`对象。

### 优势： ###

在后端，JavaScript的规范远远落后并且有很多缺陷，这使得难以使用JavaScript开发大型应用。比如：没有模块系统、标准库较少、没有标准接口、缺乏包管理系统、列表内容

CommonJS模块规范很好地解决变量污染问题，每个模块具有独立空间，互不干扰，命名空间相比之下就不太好。

CommonJS规范定义模块十分简单，接口十分简洁。

CommonJS模块规范支持引入和导出功能，这样可以顺畅地连接各个模块，实现彼此间的依赖关系

CommonJS规范的提出，主要是为了弥补JavaScript没有标准的缺陷，已达到像Python、Ruby和Java那样具备开发大型应用的基础能力，而不是停留在开发浏览器端小脚本程序的阶段

### 缺点： ###

**没有并行加载机制**

由于CommonJS是同步加载模块，这对于服务器端是很不好的，因为所有的模块都放在本地硬盘。等待模块时间就是硬盘读取文件时间，很小。但是，对于浏览器而言，它需要从服务器加载模块，涉及到网速，代理等原因，一旦等待时间过长，浏览器处于”假死”状态。

所以浏览器端不是很适合Common.Js，出现另一种规范AMD

## AMD ##

AMD 是**运行在浏览器环境的一个异步模块定义规范** ，是[RequireJS][] 在推广过程中对模块定义的规范化产出。

### AMD规范 ###

AMD推崇依赖前置，在定义模块的时候就要声明其依赖的模块

### 优点 ###

用户体验好，因为没有延迟，依赖模块提前执行了。

### **CMD** ###

是一个通用模块定义规范；是[SeaJs][]推广过程中对模块定义的规范化产出

### **CMD**规范 ###

CMD推崇依赖就近，只有在用到某个模块的时候才会去require

### 优点 ###

性能好，因为只有用户需要的时候才执行。

[RequireJS]: http://www.ruanyifeng.com/blog/2012/11/require_js.html
[SeaJs]: https://www.zhangxinxu.com/sp/seajs/#intro

发表评论取消回复

表情：

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

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

相关阅读

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

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

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

相关前端模块化(CommonJS、AMD、CMD、ES6模块化区别)

文章目录一、模块化的理解 1.什么是模块? 2.模块化的进化过程 2.1全局function模式 : 将不同的功能封

快来打我*/ 2022年11月14日 15:59/ 0 赞/ 554 阅读

相关前端模块化（CommenJS规范、ES6规范）

目录 1. 简介 2. CommonJS规范 3. ES6模块化规范写法一写法二（推荐） ---------------

刺骨的言语ヽ痛彻心扉/ 2022年11月04日 01:34/ 0 赞/ 236 阅读

相关浅谈JavaScript模块化规范AMD与CMD

1、模块化模块化是指在解决某一个复杂问题或者一系列的杂糅问题时，依照一种分类的思维把问题进行系统性的分解以之处理。模块化是一种处理复杂系统分解为代码结构更合理，可维护性更高

川长思鸟来/ 2022年06月18日 09:50/ 0 赞/ 278 阅读

相关 CommonJs、AMD 、CMD 前端开发模块化组合

前端模块规范：　　CommonJs用在服务器端，AMD和CMD用在浏览器环境。　　AMD 是 RequireJS 在推广过程中对模块定义的规范化产出。

桃扇骨/ 2022年06月17日 07:28/ 0 赞/ 310 阅读

相关前端模块化：CommonJS,AMD,CMD,ES6

模块化的开发方式可以提高代码复用率，方便进行代码的管理。通常一个文件就是一个模块，有自己的作用域，只向外暴露特定的变量和函数。目前流行的js模块化规范有CommonJS、AMD

超、凢脫俗/ 2022年05月29日 04:14/ 0 赞/ 305 阅读

相关前端模块化开发规范之ES6

直接上代码啦！导入 import { getList } from './userService' 或者 import userService fro

淩亂°似流年/ 2022年04月06日 14:57/ 0 赞/ 366 阅读

相关前端模块化开发规范之CommonJS

CommonJS是前端模块化发展过程中出现的第一个规范。其使用方式也是相当简便的。以下是导入和导出的两个关键片断。 1、导入 const user = requ

偏执的太偏执、/ 2022年04月06日 14:54/ 0 赞/ 415 阅读

相关浅谈前端模块化规范

文章目录推荐阅读为什么需要模块化？ 1.原始的模块化写法 2.添加命名空间 3.立即执行函数表达式 Comm

比眉伴天荒/ 2021年11月02日 10:58/ 0 赞/ 443 阅读

相关 CMD 模块定义规范

在 Sea.js 中，所有 JavaScript 模块都遵循 CMD（[Common Module Definition][]）模块定义规范。该规范明确了模块的

叁歲伎倆/ 2021年06月24日 13:58/ 0 赞/ 426 阅读