淘先锋技术网

首页 1 2 3 4 5 6 7

node.js是一个开源的,跨平台的JavaScript运行环境

一. node.js的作用

  1. 开发服务器应用
  2. 开发工具类应用,例如Webpack、Vite、Babel
  3. 开发桌面端应用,例如Vscode、Figma、Postman

二. 认识命令行

1. 命令的结构

chrome http://www.baidu.com http://bilibili.com
第一个chrome是 命令名称
第二个链接是 参数1
第三个链接是 参数2

2. 常用命令

cd 到指定目录

说明操作
切换盘符C: D:
切换工作目录cd
查看目录文件dir

image.png
一个点是当前目录
两个点是前一级目录

三. node.js编码注意事项

  1. node.js中不能使用BOM和DOM的API,可以使用 console 和 定时器 API
  2. node,js中的顶级对象为global,也可以用globalThis访问顶级对象

四. buffer(缓冲器)

1. 概念

  1. Buffer是一个类似于数组的对象,用于表示固定长度的字节序列
  2. Buffer本质是一段内存空间,专门用来处理二进制数据

image.png

2. 特点

  1. Buffer大小固定且无法调整
  2. Buffer性能较好,可以直接对计算机内存进行操作
  3. 每个元素的大小为1字节(byte)

image.png

3. 使用

(1)创建Buffer

node.js中创建Buffer的方式主要有如下几种:

  1. Buffer.alloc
//1. alloc
let buf_1 = Buffer.alloc(10);
console.log(buf_1); // 结果为:<Buffer 00 00 00 00 00 00 00 00 00 00>
//创建了一个长度为 10 字节的 Buffer,相当于申请了 10 字节的内存空间,每个字节的值为 0
  1. Buffer.allocUnsafe
//2. allocUnsafe
let buf_2 = Buffer.allocUnsafe(10);
console.log(buf_2); // 结果为:<Buffer 00 00 00 00 00 00 00 00 00 00>
//创建了一个长度为 10 字节的 Buffer,buffer 中可能存在旧的数据, 可能会影响执行结果,所以叫
unsafe
  1. Buffer.from
//3. from
// 通过字符串创建 Buffer
let buf_3 = Buffer.from('hello');
console.log(buf_3);  //结果为:<Buffer 68 65 6c 6c 6f>
// 通过数组创建 Buffer
let buf_4 = Buffer.from([105, 108, 111, 118, 101, 121, 111, 117]);
console.log(buf_4);  //结果为:<Buffer 69 6c 6f 76 65 79 6f 75>

(2)Buffer与字符串的转化

可以借助** toString **方法将Buffer转为字符串

let buf_4 = Buffer.from([105, 108, 111, 118, 101, 121, 111, 117]);
console.log(buf_4.toString()) //结果为:iloveyou

toString 默认是按照 utf-8 编码方式进行转换的。

(3)Buffer的读写

Buffer可以直接通过**[ ]**的方式对数据进行处理

//读取
console.log(buf_3[1]);
//修改
buf_3[1] = 97;
//查看字符串结果
console.log(buf_3.toString());
// 结果为:101
//				hallo
  1. 如果修改的数值超过255,则超过8位数据会被舍弃
  2. 一个utf-8的字符一般占3个字节

五. _fs模块

全称为File System
fs模块可以实现与硬盘的交互,例如文件的创建、删除、重命名、移动,还有文件内容的写入、读取,以及文件夹的相关操作

1. 文件写入

文件写入就是将 数据 保存到 文件 中,我们可以使用如下几个方法来实现该效果

(1)writeFile 异步写入

语法:fs.writeFile(file, data, [options], callback)
参数说明:
file:文件名
data:待写入的数据
options:选项设置(可选)
callback:写入回调
返回值: undefined

// require 是 Node.js 环境中的'全局'变量,用来导入模块
const fs = require('fs');
//将 『三人行,必有我师焉。』 写入到当前文件夹下的『座右铭.txt』文件中
fs.writeFile('./座右铭.txt', '三人行,必有我师焉。', err => {
    //如果写入失败,则回调函数调用时,会传入错误对象,如写入成功,会传入 null
    if (err) {
        console.log(err);
        return;
    }
    console.log('写入成功');
});

(2)writeFileSync 同步写入

语法:fs.writeFileSync(file, data, [, options])
参数与fs.writeFile大体一致,只是没有callback参数
返回值: undefined

const fs = require('fs');
fs.writeFileSync('./座右铭.txt', 'nihao');

Node.js 中的磁盘操作是由其他 线程 完成的,结果的处理有两种模式:
同步处理 JavaScript 主线程 会等待 其他线程的执行结果,然后再继续执行主线程的代码,
效率较低
异步处理 JavaScript 主线程 不会等待 其他线程的执行结果,直接执行后续的主线程代码,
效率较好

(3)appendFile / appendFileSync 追加写入

appendFile作用是在文件尾部追加内容,appendFile语法与writeFile语法完全相同
语法:fs.appendFile(file, data[, options], callback) 或 fs.appendFileSync(file, data[, options])
返回值:都为undefined

fs.appendFile('./座右铭.txt', '择其善者而从之,其不善者而改之。', err => {
    if (err) throw err;
    console.log('追加成功')
});
fs.appendFileSync('./座右铭.txt', '\r\n温故而知新, 可以为师矣');

(4)createWriteStream 流式写入

语法:fs.createWriteStream(path[, options])
参数说明:
path:文件路径
options:选项配置(可选)
返回值:Object

let ws = fs.createWriteStream('./观书有感.txt');
ws.write('半亩方塘一鉴开\r\n');
ws.write('天光云影共徘徊\r\n');
ws.write('问渠那得清如许\r\n');
ws.write('为有源头活水来\r\n');
ws.end();

程序打开一个文件是需要消耗资源的 ,流式写入可以减少打开关闭文件的次数。
流式写入方式适用于 大文件写入或者频繁写入 的场景, writeFile 适合于 写入频率较低的场景

(5)写入文件的场景

文件写入在计算机中是一个非常常见的操作,下面的场景都用到了文件写入

  1. 下载文件
  2. 安装软件
  3. 保存程序日志,如Git
  4. 编辑器保存文件
  5. 视频录制

当需要持久化保存数据的时候,应该想到文件写入

2. 文件读取

文件读取顾名思义,就是通过程序从文件中取出其中的数据,我们可以使用如下几种方式:

(1)readFile异步读取

语法:fs.readFile(path[, options], callback)
参数说明:
path:文件路径
options:选项配置
callback:回调函数
返回值:undefined

//导入 fs 模块
const fs = require('fs');
fs.readFile('./座右铭.txt', (err, data) => {
    if (err) throw err;
    console.log(data);  //<Buffer 6e 69 68 61 6f 20>
});
fs.readFile('./座右铭.txt', 'utf-8', (err, data) => {
    if (err) throw err;
    console.log(data);  //nihao
});

(2)readFileSync同步读取

语法:fs.readFileSync(path[, options])
参数说明:
path:文件路径
options:选项配置
返回值: string | Buffer

const fs = require('fs');
let data = fs.readFileSync('./座右铭.txt');
console.log(data); //<Buffer 6e 69 68 61 6f 20>
let data2 = fs.readFileSync('./座右铭.txt', 'utf-8');
console.log(data2); //nihao

(3)createReadStream流式读取

语法:fs.createReadStream(path[, options])
参数说明:
path:文件路径
options:选项配置
返回值:Object

//创建读取流对象
let rs = fs.createReadStream('./观书有感.txt');
//每次取出 64k 数据后执行一次 data 回调
rs.on('data', data => {
    console.log(data);
    console.log(data.length);
});
//读取完毕后, 执行 end 回调
rs.on('end', () => {
    console.log('读取完成')
})

(4)读取文件应用场景

  1. 电脑开机
  2. 程序运行
  3. 编辑器打开文件
  4. 查看图片
  5. 播放视频
  6. 播放音乐
  7. Git查看日志
  8. 上传文件
  9. 查看聊天记录

3. 文件移动与重命名

移动和重命名是一样的语法
语法:fs.rename(oldPath, newPath,callback)
fs.renameSync(oldPath, newPath)
参数说明:
oldPath:文件当前的路径
newPath:文件新的路径
callback:操作后的回调

fs.rename('./观书有感.txt', './论语/观书有感.txt', (err) => {
    if (err) throw err;
    console.log('移动完成')
});
fs.renameSync('./座右铭.txt', './论语/我的座右铭.txt');

4. 文件删除

语法:fs.unlink(path, callback) 、fs.unlinkSync(path)
参数说明:
path:文件路径
callback:操作后的回调

//调用 unlink 方法  unlinkSync
fs.unlink('./座右铭.txt', err => {
    if (err) {
        console.log('删除失败');
        return;
    }
    console.log('删除成功');
})
// 调用rm方法 rmSync  114.4版本新增
fs.rm('./论语.txt', err => {
    if (err) {
        console.log('删除失败');
        return;
    }
    console.log('删除成功');
})

5. 文件夹操作

(1)mkdir创建文件夹

语法:fs.mkdir(path[, options], callback)、fs.mkdirSync(path[, options])
参数说明:
path:文件夹路径
options:选项配置(可选)
callback:操作后的回调

//异步创建文件夹
fs.mkdir('./page', err => {
    if (err) throw err;
    console.log('创建成功');
});
//递归异步创建
fs.mkdir('./1/2/3', { recursive: true }, err => {
    if (err) throw err;
    console.log('递归创建成功');
});
//递归同步创建文件夹
fs.mkdirSync('./x/y/z', { recursive: true });

(2)readdir读取文件夹

语法:fs.readdir(path[, options], callback)、fs.readdirSync(path[, options])
参数说明:
path:文件夹路径
options:选项配置(可选)
callback:操作后的回调

//异步读取
fs.readdir('./论语', (err, data) => {
    if (err) throw err;
    console.log(data);
});
//同步读取
let data = fs.readdirSync('./论语');
console.log(data);

(3)rmdir删除文件夹

语法:fs.rmdir(path[, options], callback)、fs.rmdirSync(path[, options])
参数说明:
path:文件夹路径
options:选项配置(可选)
callback:操作后的回调

//异步删除文件夹
fs.rmdir('./page', err => {
    if (err) throw err;
    console.log('删除成功');
});
//异步递归删除文件夹
fs.rmdir('./1', { recursive: true }, err => {
    if (err) {
        console.log(err);
    }
    console.log('递归删除')
});
//同步递归删除文件夹
fs.rmdirSync('./x', { recursive: true })

6. 查看资源状态

语法:fs.stat(path,[, options], callback)、fs,statSync(path[, options])
参数说明:
path:文件夹路径
options:选项配置(可选)
callback:操作后的回调

//异步获取状态
fs.stat('./座右铭.txt', (err, data) => {
    if (err) {
        console.log('操作失败');
        return;
    }
    console.log(data);
});
// 同步获取状态
let data = fs.statSync('./座右铭.txt');

image.pngimage.png

7. 相对路径问题

fs模块对资源进行操作时,路径的写法有两种:
(1)相对路径

  • ./座右铭.txt 当前目录下的座右铭.txt
  • 座右铭.txt 等效于上面的写法
  • …/座右铭.txt 当前目录的上一级目录中的座右铭.txt

(2)绝对路径

  • D:/Program Files windows系统下的绝对路径
  • /usr/bin Linux系统下的绝对路径

相对路径中所谓的 当前目录 ,指的是 命令行的工作目录 ,而并非是文件的所在目录
所以当命令行的工作目录与文件所在目录不一致时,会出现一些 BUG

8. __dirname

__dirname 与 require 类似,都是 Node.js 环境中的’全局’变量
__dirname 保存着 当前文件所在目录的绝对路径 ,可以使用 __dirname 与文件名拼接成绝对路径

let data = fs.readFileSync(__dirname + '/data.txt');
console.log(data);

使用 fs 模块的时候,尽量使用 __dirname 将路径转化为绝对路径,这样可以避免相对路径产生的Bug