1 前言
1.1 为什么 JavaScript 可以在浏览器中被执行？
浏览器中有 JS 解析引擎
Chrome： V8
Firefox：OdinMonkey（奥丁猴）
Safari：JSCore
IE：Charka（查克拉）
2022102801.png
1.2 为什么 JavaScript 可以操作 DOM 和 BOM
每个浏览器都内置了 DOM 和 BOM 这样的 API 函数，因此，浏览器中的 JavaScript 才可以调用它们
2022102802.png
1.3 浏览器中的 JavaScript 运行环境
运行环境指的是代码正常运行所需的必要环境
V8 引擎负责解析和执行 JavaScript 代码
内置的 API 是由运行环境提供的特殊接口，只能在所属的运行环境中被调用
2022102803.png
1.4 JavaScript 是否能做后端
可以，Node.js 提供运行环境
2 Node.js 简介
2.1 什么是 Node.js
Node 官网
Node.js 是一个基于 Chrome V8 引擎的JavaScript运行环境
2.2 Node.js 中的 JavaScript 运行环境
浏览器是 JavaScript 的前端运行环境
Node.js 是 JavaScript 的后端运行环境
Node.js 中无法调用 DOM、BOM 等浏览器内置 API
2022102804.png
2.3 Node.js 学习路径
浏览器中的 JavaScript 学习路径：
JavaScript 基础语法 ＋ 浏览器内置 API (DOM + BOM)＋第三方库 (jQuery、art-template 等）
Node.js 的学习路径：
JavaScript 基础语法 + Nodejs 内置 API 模块（fs、path、http 等）＋ 第三方 API 模块(express. mysal 等）
3 什么是终端
终端（terminal）是专门为开发人员设计的，用于实现人机交互的一种方式
常用终端命令：
tab：快速补全文件路径
esc：清空当前命令（Ctrl + u）
cls：清空当前终端（mac：clear）
4 fs 文件系统模块
4.1 什么是 fs 文件系统模块
fs 模块是 Node.js 官方提供的、用来操作文件的模块。它提供了一系列的方法和属性，用来满足用户对文件的操作需求。
例如：
• fs.readFile() 方法，用来读取指定文件中的内容
• fs.writeFile() 方法，用来向指定的文件中写入内容
如果要在 JavaScript 代码中，使用 fs 模块来操作文件，则需要使用如下的方式先导入它：
const fs = require("fs");
4.2 fs.readFile()
fs.readFile(path[, options], callback)
参数1：文件的存放路径
参数2：读取文件时采用的编码格式，可选，默认 utf8
参数3：回调函数，拿到读取成功和失败的结果
/// 1 导入 fs 模块
const fs = require("fs");
// 2 调用 fs.readFile() 读取文件
fs.readFile("./files/1.txt", "utf8", (err, dataStr) => {
// 如果读取成功， err 值为 null
// 如果读取失败， err 值为错误对象， dataStr 值为 undefined
if (err) {
return console.log("读取文件失败", err);
}
console.log("读取文件成功", dataStr);
});
4.3 fs.writeFile
fs.writeFile(path, data[, options], callback)
参数1：文件的存放路径
参数2：要写入的内容
参数3：写文件时采用的编码格式，默认 utf8
参数4：回调函数，拿到写文件结果
// 1 导入 fs 模块
const fs = require("fs");
// 2 调用 fs.writeFile() 写入文件
fs.writeFile("./files/1.txt", "写入文件", (err) => {
// 如果写入成功，err 值为 null
// 如果写入失败，err 值为 错误对象
if (err) {
return console.log("写入文件失败", err);
}
console.log("写入文件成功", dataStr);
});
4.4 练习
整理前：
小红=99 小白=100 小黄=70 小黑=66 小绿=88
整理后：
小红:99
小白:100
小黄:70
小黑:66
小绿:88
① 导入需要的fs 文件系統模块
② 使用 fs.readFile() 方法，读取素材目录下的 成绩 txt 文件
③ 判断文件是否读取失败
④ 文件读取成功后，处理成绩数据
⑤ 将处理完成的成绩数据，调用 ts.writeFile() 方法，写入到新文件 成绩-before.txt 中
const fs = require("fs");
fs.readFile("./files/成绩.txt", "utf8", (err, dataStr) => {
if (err) {
return console.log("读取文件失败");
}
const oldData = dataStr.replaceAll("=", ":").replaceAll(" ", "\n");
fs.writeFile("./files/成绩-after.txt", oldData, (err) => {
if (err) {
return console.log("写入文件失败");
}
console.log("写入文件成功");
});
});
4.5 路径动态拼接问题
在使用 fs 模块操作文件时，如果提供的操作路径是以 ./或 ../开头的相对路径时，很容易出现路径动态拼接错误的问题。
原因：代码在运行的时候，会以执行 node 命令时所处的目录，动态拼接出被操作文件的完整路径
解决方案：在使用 fs 模块操作文件时，直接提供完整的路径，不要提供 ./ 或 ../开头的相对路径，从而防止路径动态拼接的问题
// __dirname 表示当前执行脚本所在的目录
const fs = require("fs");
fs.readFile(__dirname + "/files/成绩.txt", "utf8");
网友评论