【Node.js学习 day4——模块化】

模块化介绍

  1. 什么是模块化与模块?
    将一个复杂的程序文件依据一定规则(规范)拆分成多个文件的过程称之为模块化
    其中拆分的每个文件就是一个模块,模块的内部数据是私有的,不过模块可以暴露内部数据以便其他模块使用。
  2. 什么是模块化项目?
    编码时是按照模块一个一个编码的,整个项目就是一个模块化的项目
  3. 模块化好处
    · 防止命名冲突
    · 高复用性
    · 高维护性

模块化初体验

自定义模块 test.js

复制代码
function tiemo(){
    console.log('贴膜.........');
}

//暴露数据
module.exports = tiemo;

主程序index.js

复制代码
//引入自定义模块
const tiemo = require('./test.js');
//调用函数
tiemo();

调用:

模块暴露数据

模块暴露数据的方式有两种:

  1. module.exports = value
  2. exports.name = value

使用时有几点注意:

  • module.exports可以暴露任意数据

  • 不能使用exports = value 的形式暴露数据,模块内部module与exports的隐式关系exports = module.exports = {}

    代码示例:
    test.js

    function tiemo(){
    console.log('贴膜.........');
    }

    function niejiao(){
    console.log('捏脚.........');
    }

    //暴露数据
    module.exports = {tiemo,niejiao};

index.js

复制代码
//引入自定义模块
const me = require('./test.js');

console.log(me);

导入文件模块

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

复制代码
const test = require('./me.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模块的名字即可,无需加./和.../

    module.exports、exports以及require这些都是CommonJS模块化规范中的内容,而Node.js实现了CommonJS模块化规范。

require导入模块的基本流程

  1. 将相对路径转为绝对路径,定位目标文件

  2. 缓存检测

  3. 读取目标文件代码

  4. 包裹为一个函数并执行(自执行函数)。通过arguments.callee.toString()查看自执行函数

  5. 缓存模块的值

  6. 返回module.exports的值

    function require(file){
    //将相对路径转为绝对路径,定位目标文件
    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');

CommonJS模块化规范

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

相关推荐
幼儿园老大26 分钟前
告别代码屎山!UniApp + Vue3 自动化规范:ESLint 9+ 扁平化配置全指南
javascript·vue.js
HyperAI超神经31 分钟前
【vLLM 学习】Prefix Caching
人工智能·深度学习·学习·大语言模型·cpu·gpu·vllm
.小墨迹1 小时前
C++学习之std::move 的用法与优缺点分析
linux·开发语言·c++·学习·算法·ubuntu
Liu.7741 小时前
vue3组件之间传输数据
前端·javascript·vue.js
|晴 天|1 小时前
前端闭包:从概念到实战,解锁JavaScript高级技能
开发语言·前端·javascript
黑客思维者1 小时前
机器学习007:监督学习【回归算法】(线性回归)--股票背后的预测学
学习·机器学习·回归·线性回归·监督学习
EniacCheng1 小时前
【RUST】学习笔记-整型
笔记·学习·rust
全栈前端老曹1 小时前
【ReactNative】核心组件与 JSX 语法
前端·javascript·react native·react.js·跨平台·jsx·移动端开发
小小黑0071 小时前
快手小程序-实现插屏广告的功能
前端·javascript·小程序
@万里挑一2 小时前
vue中使用虚拟列表,封装虚拟列表
前端·javascript·vue.js