1、介绍

1.1 什么是模块化与模块 ?

• 将一个复杂的程序文件依据一定规则（规范）拆分成多个文件的过程称之为 模块化。
• 其中拆分出的 每个文件就是一个模块 ，模块的内部数据是私有的，不过模块可以暴露内部数据以便其他 模块使用。

1.2 什么是模块化项目 ?

• 编码时是按照模块一个一个编码的， 整个项目就是一个模块化的项目。

1.3 模块化好处

• 下面是模块化的一些好处：
  • 防止命名冲突
  • 高复用性
  • 高维护性

1. 防止命名冲突：
   比如我们有两个文件，一个index.js和index2.js，在文件里面有共同的变量Name，他们都是私有的，所以不存在命名冲突的问题。
2. 高复用性：
   如果我们有多个项目都需要用到某个功能，采用模块化开发就可以提高代码的可复用性。
3. 高维护性：
   在实际开发中大多数都是多人开发，如果将来这个项目某个功能需要升级或者删除，我们只需要将对应的模块升级或删除即可，提高了代码的维护性。

2、模块暴露数据

2.1 模块初体验

• 可以通过下面的操作步骤，快速体验模块化

1. 创建my.js

//声明一个函数
function programming() {console.log('我会编程');
}
//暴露数据
module.exports = programming

2. 创建index.js

//导入模块
const programming = require('./my.js')
// 调用函数
programming()

输出结果：

2.2 暴露数据

• 模块暴露数据的方式有两种：
  • module.exports = value
  • exports.name = value

2.2.1 module.exports = value

1. 创建my.js

//声明一个函数
function swimming() {console.log('我会游泳');
}
//暴露数据
module.exports = swimming

2. 创建index.js

//导入模块
const swimming = require('./my')
// 输出swimming
swimming()
// 输出结果
//我会游泳

module.exports = value，如果有多个函数，可以以对象的形式暴露数据。

示例：

1. 创建my.js

//声明函数
function swimming() {console.log('我会游泳');
}
function playBasketball() {console.log('我会打篮球');
}
//暴露数据
module.exports = {swimming,playBasketball
}

2. 创建index.js

//导入模块
const exercise = require('./my')
// 输出exercise
exercise.swimming()
exercise.playBasketball()
// 输出结果
我会游泳
我会打篮球

module.exports可以暴露 任意数据

1.创建my.js

module.exports = 'I love you';

2. 创建index.js

//导入模块
const exercise = require('./my')
console.log(exercise);
//输出结果
I love you

2.2.2 exports.name = value

1.创建my.js

//声明函数
function swimming() {console.log('我会游泳');
}
function playBasketball() {console.log('我会打篮球');
}
exports.swimming = swimming
exports.playBasketball = playBasketball

2. 创建index.js

//导入模块
const exercise = require('./my')
// 输出exercise
exercise.swimming()
exercise.playBasketball()
// 输出结果
我会游泳
我会打篮球

注：不能使用 exports = value 的形式暴露数据；
模块内部 module 与 exports 的隐式关系exports = module.exports = {} ；
require 返回的是目标模块中 module.exports 的值

3、导入（引入）模块

• 在模块中使用 require 传入文件路径即可引入文件

const test = require('./my.js');

• require 使用的一些注意事项：
  1. 对于自己创建的模块，导入时路径建议写相对路径 ，且不能省略 ./ 和../
  2. js 和 json 文件导入时可以不用写后缀，c/c++编写的node 扩展文件也可以不写后缀，但是一般用不到。
  3. 如果导入其他类型的文件，会以js 文件进行处理。
  4. 如果导入的路径是个文件夹，则会 首先 检测该文件夹下 package.json 文件中 main 属性对应的文件;
     如果存在则导入，反之如果文件不存在会报错。
     如果main 属性不存在，或者 package.json 不存在，则会尝试导入文件夹下的 index.js 和index.json ，如果还是没找到，就会报错。
  5. 导入 node.js 内置模块时，直接 require 模块的名字即可，无需加 ./ 和 ../

4、导入模块的基本流程

• 这里介绍一下 require 导入 自定义模块 的基本流程

1. 将相对路径转为绝对路径，定位目标文件
2. 缓存检测
3. 读取目标文件代码
4. 包裹为一个函数并执行（自执行函数）。通过 arguments.callee.toString() 查看自执行函数
5. 缓存模块的值
6. 返回 module.exports 的值

function require(file){//1. 将相对路径转为绝对路径，定位目标文件let absolutePath = path.resolve(__dirname, file);//2. 缓存检测if(caches[absolutePath]){return caches[absolutePath];}//3. 读取文件的代码let code = fs.readFileSync(absolutePath).toString();//4. 包裹为一个函数 然后执行let module = {};let exports = module.exports = {};(function (exports, require, module, __filename, __dirname) {const test = {name: '张三'}module.exports = test;//输出console.log(arguments.callee.toString());})(exports, require, module, __filename, __dirname)//5. 缓存结果caches[absolutePath] = module.exports;//6. 返回 module.exports 的值return module.exports;
}const m = require('./me.js');

注：此代码为伪代码，不能够执行，用于方便我们理解 require 导入 自定义模块的基本流程。

5、CommonJS 规范

• module.exports 、 exports 以及 require 这些都是 CommonJS 模块化规范中的内容。
• 而 Node.js 是实现了 CommonJS 模块化规范，二者关系有点像 JavaScript 与 ECMAScript。

CommonJS 模块化规范的详细说明：https://nodejs.cn/api/modules.html

参考

尚硅谷2023版Node.js零基础视频教程，nodejs新手到高手

rewriter tool