济南网站开发企业网站首页欣赏

模块化的定义

讲一个复杂的程序文件按照一定的规则拆分成多个独立的小文件，这些小文件就是小模块，这就是模块化。
每个小模块内部的数据是私有的，可以暴露内部数据给外部其他模块使用。

模块化优点

• 减少命名的冲突
• 提高复用性
• 提高可维护性
• 按需加载

模块化使用

1.单个模块暴露

// index.js
const userObj = require("./user.js");
// 调用收到的函数 user()
userObj();

// user.js
function user(){console.log("这是用户信息。");
}
// 对外暴露 user 数据
module.exports = user;

2.多个模块暴露

// index.js
const userObj = require("./user.js");
// 分别使用对外暴露的函数
userObj.user();
userObj.userInfo();

// user.js
function user(){console.log("这是用户。");
}
function userInfo(){console.log("这是用户信息。");
}
// 方式一：对外暴露 user 和 userInfo 数据对象
module.exports = {user,userInfo
};
// 方式二：单独暴露 user 和 userInfo 数据
exports.user = user;
exports.userInfo= userInfo;

暴露数据时，不能使用 exports = user 形式暴露，返回的是一个空对象。
exports 和 module.exports 的关系：exports = module.exports = { }

因为 require() 加载其他模块的时候，返回结果的目标模块中 module.exports 的值。

导入模块注意点

1. 导入自己创建的模块时，使用相对路径，并且不能省略 ./ 和 …/

// 正确
const userObj = require("./user.js");
// 错误
const userObj = require("user.js");

2. 导入的模块文件如果是 .js 或 .json 可以省略后缀

const userObj = require("./user");

如果导入的模块是其他类型的，默认以 js 模块文件处理（.txt .doc）。

3. 导入文件夹

const userObj = require("./module");

如果导入的是文件夹，那么先去找该文件夹下 package.json 文件中的 main 属性对应的路径文件，如果有此文件，就导入该文件，否则找不到此文件就会报错。

// ./module/package.json
// 找到后导入
{"main": "./main.js"  
}
// 没有此文件报错
{"main": "./main2.js"   
}

如果 main 属性找不到，或者 package.json 也找不到，就去该文件夹下找到 index.js 和 index.json 文件，如果找到了这两个文件就会导入，否则也报错。

// ./module/index.js
module.exports = "暴露出去的信息"

也就是 package.json 文件中的 main 属性对应的路径文件 main.js 和 module 文件夹下 index.js 文件其中一个存在即可。

导入模块的基本流程

1. 将相对路径转为觉得路径，path.resolve()，定位目标文件；
2. 缓存检测，若读取过文件，从缓存中再次读取，否则重新读取；
3. 读取目标文件代码，readFile()；
4. 包裹一个函数并自执行，通过arguments.callee.toString()查看自执行函数；
5. 缓存模块的值，将读取过得文件进行缓存；
6. 返回 module.exports 的值。