Node.js |(三)Node.js API:path模块及Node.js 模块化 | 尚硅谷2023版Node.js零基础视频教程

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

文章目录

📚path模块

js 复制代码
//导入 fs
const fs = require('fs');
const path = require('path');
//写入文件,之前提到过可以借助__dirname规范绝对路径,但其实不是很好
//fs.writeFileSync(__dirname + '/index.html', 'love');


//resolve:拼接规范(分隔符统一)的绝对路径
console.log(path.resolve(__dirname, './index.html'));
//可以不写./也表示绝对路径
console.log(path.resolve(__dirname, 'index.html'));

//sep:获取操作系统的路径分隔符
console.log(path.sep); // windows下是\,Linux下是/

//parse解析路径并返回对象
//console.log(__filename); //获取文件的绝对路径
let str = 'C:\\Users\\lalayouyi\\Desktop\\node\\03_path模块\\代码\\path.js ';
console.log(path.parse(str));

//basename:快速获取文件名
console.log(path.basename(str));

//dirname:获取路径的目录名
console.log(path.dirname(str));

//extname:获取路径的扩展名
console.log(path.extname(str));

📚Node.js模块化

🐇介绍

🐇模块暴露数据

⭐️模块初体验

  • 创建me.js

    js 复制代码
    //声明函数
    function lala(){
    console.log('啦啦啦....');
    }
    //暴露数据
    module.exports = lala;
  • 创建index.js

    js 复制代码
    //导入模块
    const lala = require('./me.js');
    //调用函数
    lala();

⭐️暴露数据

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

    • module.exports = value
    • exports.name = value
    js 复制代码
    //me.js
    //声明一个函数
    function lala(){
      console.log('lalala...');
    }
    
    function lolo(){
      console.log('lololo....');
    }
    
    //暴露数据(一)
    module.exports = {
      lala,
      lolo
    }
    
    //exports暴露数据(二)
    exports.lolo = lolo;
    exports.lala = lala;
    js 复制代码
    //index.js
    //导入模块
    const me = require('./me.js');
    
    //输出 me
    console.log(me);
    me.lala();
    me.lolo();

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

    js 复制代码
    //me.js
    module.exports = 'iloveyou521';
    js 复制代码
    //导入模块
    const me = require('./me.js');
    //输出 me
    console.log(me);

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

    js 复制代码
    //不能使用 `exports = value`的形式暴露数据
    //exports = 'iloveyou' //最后的输出是{},也就是只会得到一个空对象
    
    //exports = module.exports = {}
    console.log(module.exports);//{}
    console.log(module.exports === exports);//true

🐇导入文件模块

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

  • require使用的一些注意事项:

    • 对于自己创建 的模块,导入时路径建议写相对路径 ,且不能省略 ./ 和 .../
    • js 和 json 文件导入时可以不用写后缀,c/c++编写的 node 扩展文件也可以不写后缀,但是一般用不到。
    • 如果导入其他类型的文件,会以 js 文件进行处理。
    • 导入node.js内置模块时,直接require模块的名字即可,无需加 ./ 和 .../
    js 复制代码
    //导入模块  
    const tiemo = require('./me.js');
    //调用函数
    tiemo();
    
    //省略后缀 JS
    const tiemo1 = require('./me');
    tiemo1();
    
    //导入 JSON 文件
    const duanzi = require('./duanzi');
    console.log(duanzi);//对象
    
    //导入其他类型的文件
    const test = require('./test');
    console.log(test);

🐇导入文件夹的情况

  • 如果导入的路径是个文件夹,则会
    • 首先检测该文件夹下package.json文件中 main 属性对应的文件
    • 如果存在则导入,反之如果文件不存在会报错。
    • 如果 main 属性不存在,或者 package.json不存在,则会尝试导入文件夹下的index.jsindex.json,如果还是没找到,就会报错。

针对这个main属性相关,大数据实验实操中就有不少类似的main不对应导致的报错,应该还对应之后的包管理🤔

🐇导入模块的基本流程

  • p72视频讲解指路

  • require导入自定义模块的基本流程:

    • 将相对路径转为绝对路径,定位目标文件。
    • 缓存检测。
    • 读取目标文件代码。
    • 包裹为一个函数并执行(自执行函数)。通过arguments.callee.toString()查看自执行函数。
    • 缓存模块的值。
    • 返回module.exports的值。
js 复制代码
/**
 * 伪代码
 * 理解为node.js里require的实现
 */
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');

🐇CommonJS规范

  • module.exportsexports 以及 require 这些都是 CommonJS 模块化规范中的内容。
  • 而 Node.js 是实现了 CommonJS 模块化规范,二者关系有点像 JavaScript 与 ECMAScript。
相关推荐
狸克先生1 分钟前
如何用AI写小说(二):Gradio 超简单的网页前端交互
前端·人工智能·chatgpt·交互
baiduopenmap16 分钟前
百度世界2024精选公开课:基于地图智能体的导航出行AI应用创新实践
前端·人工智能·百度地图
loooseFish24 分钟前
小程序webview我爱死你了 小程序webview和H5通讯
前端
请叫我欧皇i36 分钟前
html本地离线引入vant和vue2(详细步骤)
开发语言·前端·javascript
533_38 分钟前
[vue] 深拷贝 lodash cloneDeep
前端·javascript·vue.js
guokanglun44 分钟前
空间数据存储格式GeoJSON
前端
zhang-zan1 小时前
nodejs操作selenium-webdriver
前端·javascript·selenium
猫爪笔记1 小时前
前端:HTML (学习笔记)【2】
前端·笔记·学习·html
brief of gali2 小时前
记录一个奇怪的前端布局现象
前端
Json_181790144802 小时前
电商拍立淘按图搜索API接口系列,文档说明参考
前端·数据库