NodeJS-如何去理解CommonJS

先偏移主题，聊聊闭包
JavaScript中具有全局作用域和函数作用域： 函数内部可以直接读取全局变量，在函数外部无法读取函数内部的局部变量

如何获取内部变量的呢？

闭包: 闭包就是能够读取其他函数内部变量的函数

function fn() {
    var a = 1;

    return function () {
        a++;
        console.log(a);
    }
}

var foo = fn();

foo(); // 2;
foo(); // 3;
foo(); // 4;

在浏览器中，我们可以理解每一个函数为一个局部作用域，全局作用域属于window下，并且每一个js文件通过HTML文件联系起来，这就说明每一个js文件都共处于一个全局作用域下

在Node当中，每个js文件又如何联系起来?

JS没有模块系统、标准库较少，但我们有文件呀~
因此采用CommonJs规范, 将每一个JS文件联系起来，

什么是CommonJs规范? 怎么联系呢？

1. 每个文件就是一个模块，拥有单独的作用域: 普通方式定义的变量、函数、对象都属于该模块内；
2. 使用exports和modul.exports来暴露模块中的内容
3. 然后通过require来加载模块

也就是说某个文件通过module.exports抛出，另一个文件require引入，这样两个文件就联系起来了

image.png

闭包函数与JS文件是不是有点像？

是的，很像了，将私有的变量暴露出去了~

1、闭包与引入模块

闭包

function fn() {
    var a = 1;

    return function () {
        a++;
        console.log(a);
    }
}

var foo = fn();

foo(); // 2;
foo(); // 3;
foo(); // 4;

引入模块

image.png

2、闭包函数调用两次与同一个模块被不同的两个文件中引入

闭包函数调用两次

function fn() {
    var a = 1;

    return function () {
        a++;
        console.log(a);
    }
}

var foo = fn();

foo(); // 2;
foo(); // 3;
foo(); // 4;

var foo2 = fn();

foo2(); // 2
foo2(); // 3

同一个模块在不同的两个文件中引入

image.png

---

require：引入模块

同步加载模块：读取JS文件，并且执行该文件，然后抛出该exports.modules对象，并且会将其缓存
也就是说：某个文件引入同一个模块两次，那么第二次读取的则是缓存中的exports.modules对象

var mod = require('./modules');
var mod2 = require('./modules');

console.log(mod === mod2); // true

console.log(mod.a); // 1
mod.a++;
console.log(mod.a); // 2
console.log(mod2.a); // 2

require的引入机制是啥？

1. 由当前执行文件目录到磁盘根目录，逐级向上查询文件node_modules
2. 读取文件名，并且尝试添加.js、.node、.json后缀之后查找
3. 如果存在则结束查找，如果不存在则进行上一级查找
4. 还会将其参数作为包引入，读取包目录下的package.json文件，取得main参数指定的入口文件
5. 找不到就抛出错误

---

exports / module.exports 都是用来暴露模块，两个有什么不同？

在node中，每个js文件都有 module.exports这个对象，为了方便，相当于在模块头部加了这句话：
var exports = module.exports；

不同之处：

1. export不能重新赋值, 不然会切换与module.exports的联系，因为其存的是module.exports对象的指针
2. 最终暴露出去的对象是module.exports

image.png image.png

以下面这个例子来说：

var modex = {};
var exp = modex;

console.log(exp === modex); // true

exp.a = 1;

console.log(modex.a); // 1;

// 如果 exp 重新赋值了，那么久切断了与modex对象的联系
exp = {a : 2};

console.log(exp); // { a: 2 }
console.log(modex); // { a: 1 }

exports其实与exp这个变量都是一样的: 存储着对象的指针地址
exp存的是modex对象的指针

exports存的是module.exports对象的指针

什么时候用exports，什么时候用module.exports？

构造函数的情况可以使用module.exports

image.png