【H2O2|全栈】Node.js(1)
目录
前言
开篇语
本系列博客主要分享JavaScript的进阶语法知识，当前为Node.js部分第一期。
本期内容为：ES6导入导出，Node的概念、导入导出以及常见模块。
与基础部分的语法相比，ES6的语法进行了一些更加严谨的约束和优化，因此，在之后使用原生JS时，我们应该尽量使用ES6的语法进行代码编写。
准备工作
软件：【参考版本】Visual Studio Code
插件（扩展包）：Open in browser, Live Preview, Live Server, Tencent Cloud AI Code Assistant, htmltagwrap
提示：在不熟练的阶段建议关闭AI助手
系统版本： Win10/11/其他非Windows版本
提示：node.js在当前文件夹下使用cmd运行，不在浏览器解析运行
ES6导入导出
导入
导入是指，将方法或变量从另一个js文件中以对象的形式引入当前文件。
之前，我们知道引入一个js文件是利用script标签的地址来做的，就像下面这样——
<script src='./js/jquery.min.js'></script>如果我们需要将需要的变量导入一个js文件，就不能使用这种方式了。
ES6为我们提供了有名导出和匿名导出两种方式——
有名导出
对于有名导出而言，在被导出的文件中，我们找到需要导出的变量或方法，并使用export修饰。
export const name = "xxxx"
export const fn = () => {
console.log("#############");
}然后，在导入的文件中，使用下面的语法来导入我们需要的内容——
import * as 别名 from "被导入js的路径"
其中*代表全部导出，也可以使用{变量1, 方法1, ……} 这样的形式，仅导出我们需要的内容，这种情况下不需要这个别名。
这里的别名是任意的，它是一个对象，封装了我们导出的变量、方法等。因此，想要使用导入的内容，我们需要使用该对象名称来调用（第二种导入方式直接使用导入的名称即可）。
// 方式一
import * as obj from "./js/a.js"
console.log(obj.name);
obj.fn()
// 方式二
import {name,fn} from "./js/a.js"
console.log(name);
fn()匿名导出
匿名导出的变量或方法没有名称，使用下面的格式导出——
export default 导出的变量值或匿名方法如果使用匿名导出的方式，则至多只能有一个匿名导出。
在导入时，为匿名导出的内容重新设定一个名字，就像下面这样——
import myname from "./js/b.js"
console.log(myname);Node概念
Node.js是一个基于Chrome V8引擎的JavaScript环境。
浏览器是JS运行的前端环境，而Node.js是JS运行的后端环境。
通常来说，在控制台使用Node + JS文件名运行使用Node语法的JS文件，此处的文件名可以省略.js后缀。
注意，Node.js无法调用DOM和BOM元素，因为无法获取到document和window，如果在代码中出现了这两个节点，将会提示未定义的错误。
Node导入导出
导入
Node使用require进行导入，参数为导入的js库或文件。
require("./js/c")由于Node导入的内容均为js文件，所以可以省略.js后缀。
导入的文件将会立刻执行，具有缓存。如果重复导入多次，则只执行一次。
有名导出
Node使用exports.名字的方式来进行有名导出，就像下面这样——
exports.name = "####"
exports.fn = () => {
console.log("我是一个函数..");
}require()返回一个对象，该对象具有导出的全部内容，因此直接使用一个变量来接导出内容即可。
const obj = require("./js/d")或者使用一个对象，来接具体需要导出的内容，此时就不需要使用对象名.xxx这样的形式调用了。
const {name,fn} = require("./js/d")导出内容的使用方式同ES6。
匿名导出
Node使用module.exports = 导出内容的方式来进行匿名导出，就像下面这样——
module.exports = {
name:"小明",
say() {
console.log("xxxx在说话....");
}
}同样的，module.exports也只能有一个，否则只保留最后一次匿名导出的内容。
使用方式和有名导出相同。
Node常用模块
path模块
和路径有关的全局变量
Node有两个和路径相关的常用的全局变量——
| 变量名 | 含义 |
|---|---|
| __dirname | 当前文件的父文件夹的绝对路径 |
| __filename | 当前文件的绝对路径 |
常见方法
path常用的方法有下面五种——
| 方法和参数 | 作用 |
|---|---|
| path.basename(yourpath[, suffix]) | 获取文件名称，如a.txt |
| path.dirname(yourpath) | 获取文件的父级目录 |
| path.extname(yourpath) | 获取文件的后缀名（类型，如.txt） |
| path.resolve([...paths]) | 路径拼接操作 |
| path.normalize(path) | 路径矫正操作 |
这里的yourpath为__filename。
注意，如果使用base(yourpath, 文件后缀名)，可以返回没有后缀名的文件名。
对于resolve()，我们常用它来获取同一父级下其他文件，比如：
const url = resolve(__dirname,"js","a.js")对于normalize()，如果路径中有多余的 / 或 \，将自动被去除。
导入方法
我们可以使用require一次性导入上述的方法——
const {basename,dirname,extname,resolve,normalize} = require("path")不要忘记导入拼接路径的方法——
const { resolve } = require("path")fs模块
常见方法
fs模块用于文件的读写操作，常见的方法有下面这些——
| 方法和参数 | 作用 |
|---|---|
| writeFile(yourpath, data) | 覆盖写（异步），覆盖上一次写入的内容 |
| writeFileSync() | 覆盖写（同步） |
| appendFile(yourpath, data) | 追加写（异步），在上一次写入的内容后写入 可以使用\r\n为新写入的内容添加换行 |
| appendFileSync() | 追加写（同步） |
| readFileSync(yourpath, charset) | 读取（同步） |
| existsSync(yourpath) | 判断文件是否存在（同步） |
| unlinkSync(yourpath) | 删除文件 |
我们常将writeFile()，appendFile()和readFileSync()放在try-catch语句中，并在catch语句中捕获错误err。
导入方法
我们可以使用require一次性导入上述的方法——
const { writeFile, writeFileSync, appendFile, appendFileSync,
readFile, readFileSync, existsSync, unlinkSync } = require("fs")结束语
本期内容到此结束。关于本系列的其他博客，可以查看我的JS进阶专栏。
在全栈领域，博主也只不过是一个普通的萌新而已。本系列的博客主要是记录一下自己学习的一些经历，然后把自己领悟到的一些东西总结一下，分享给大家。
文章全篇的操作过程都是笔者亲自操作完成的，一些定义性的文字加入了笔者自己的很多理解在里面，所以仅供参考。如果有说的不对的地方，还请谅解。
==期待与你在下一期博客中再次相遇==
——临期的【H2O2】
原文地址：https://blog.csdn.net/ZC13786305863/article/details/144063937
免责声明：本站文章内容转载自网络资源，如本站内容侵犯了原著者的合法权益，可联系本站删除。更多内容请关注自学内容网（zxcms.com）！