读懂CommonJS的模块加载

叨叨一会CommonJS

Common这个英文单词的意思，相信大家都认识，我记得有一个词组common knowledge是常识的意思，那么CommonJS是不是也是类似于常识性的，大家都理解的意思呢？很明显不是，这个常识一点都不常识。我最初认为commonJS是一个开源的JS库，就是那种非常方便用的库，里面都是一些常用的前端方法，然而我错得离谱，CommonJS不仅不是一个库，还是一个看不见摸不着的东西，他只是一个规范！就像校纪校规一样，用来规范JS编程，束缚住前端们。就和Promise一样是一个规范，虽然有许多实现这些规范的开源库，但是这个规范也是可以依靠我们的JS能力实现的。

CommonJs规范

那么CommonJS规范了些什么呢？要解释这个规范，就要从JS的特性说起了。JS是一种直译式脚本语言，也就是一边编译一边运行，所以没有模块的概念。因此CommonJS是为了完善JS在这方面的缺失而存在的一种规范。

CommonJS定义了两个主要概念：

require函数，用于导入模块 module.exports变量，用于导出模块

然而这两个关键字，浏览器都不支持，所以我认为这是为什么浏览器不支持CommonJS的原因。如果一定腰在浏览器上使用CommonJs，那么就需要一些编译库，比如browserify来帮助哦我们将CommonJs编译成浏览器支持的语法，其实就是实现require和exports。

那么CommonJS可以用于那些方面呢？虽然CommonJS不能再浏览器中直接使用，但是nodejs可以基于CommonJS规范而实现的，亲儿子的感觉。在nodejs中我们就可以直接使用require和exports这两个关键词来实现模块的导入和导出。

Nodejs中CommomJS模块的实现

require

导入，代码很简单，let {count,addCount}=require("./utils")就可以了。那么在导入的时候发生了些什么呢？？首先肯定是解析路径，系统给我们解析出一个绝对路径，我们写的相对对路径是给我们看的，绝对路径是给系统看的，毕竟绝对路径辣么长，看着很费力，尤其是当我们的的项目在N个文件夹之下的时候。所以require第一件事就是解析路径。我们可以写的很简洁，只需要写出相对路径和文件名即可，连后缀都可以省略，让require帮我们去匹配去寻找。也就是说require的第一步是解析路径获取到模块内容：

如果是核心模块，比如fs，就直接返回模块

如果是带有路径的如/,./等等，则拼接出一个绝对路径，然后先读取缓存require.cache再读取文件。如果没有加后缀，则自动加后缀然后一一识别。

.js 解析为JavaScript 文本文件 .json解析JSON对象 .node解析为二进制插件模块

首次加载后的模块会缓存在require.cache之中，所以多次加载require，得到的对象是同一个。

在执行模块代码的时候，会将模块包装成如下模式，以便于作用域在模块范围之内。