一、ES6模块化

1.1 概念与规则

ES6 模块化规范是浏览器端与服务器端通用的模块化开发规范

1.2 在node.js体验es6模块化

配置如下：

确保安装v14.15.1或更高版本的node（node -v查看版本）
npm init -y初始化包管理配置文件
在package.json添加"type":"module"

1.3 ES6模块化的基本语法

默认导入与默认导出
按需导入与按需导出
直接导入并执行模块中的代码

1.3.1 默认导出与导入

export default 默认导出的成员

import 接收名称 from '模块标识符'

1.3.2 按需导入与导出

export 按需导出的成员

import {接收名称} from ‘模块标识符’

1.3.3 直接导入并执行模块中的代码

import '代码文件路径'

二、Promise

回调地狱

多层回调函数的相互嵌套

缺点：耦合性强、可读性差

2.1 基本概念

Promise是一个构造函数

const p = new Promise()

Promise.prototype上包含.then()方法
.then()用来预先指定成功和失败的回调函数

p.then(result=>{}, error=>{})

2.2 then-fs使用

2.2.1 基本使用

先装包 npm i then-fs

import thenFs from 'then-fs'

//无法保证读取文件的顺序
thenFs.readFile('./file/1.txt', 'utf8').then((r1) => {console.log(r1)})
thenFs.readFile('./file/2.txt', 'utf8').then((r2) => {console.log(r2)})
thenFs.readFile('./file/3.txt', 'utf8').then((r3) => {console.log(r3)})

因为上述代码是异步执行，无法保证读取文件的顺序，所以需要优化

下面通过链式调用解决了无法顺序读取文件的问题

import thenFs from 'then-fs'

//.then()的返回值是新的promise对象
thenFs.readFile('./file/1.txt', 'utf8').then((r1) => {
    console.log(r1)
    return thenFs.readFile('./file/2.txt', 'utf8')
})//链式调用
.then((r2) => {
    console.log(r2)
    return thenFs.readFile('./file/3.txt', 'utf8')
})
.then((r3) => {
    console.log(r3)
})

2.2.2 通过catch捕获错误

import thenFs from 'then-fs'

//.then()的返回值是新的promise对象
thenFs.readFile('./file/11.txt', 'utf8').then((r1) => { //如果没有11.txt
    console.log(r1)
    return thenFs.readFile('./file/2.txt', 'utf8')
})//链式调用
.then((r2) => {
    console.log(r2)
    return thenFs.readFile('./file/3.txt', 'utf8')
})
.then((r3) => {
    console.log(r3)
})
.catch(err => {
    console.log(err.message)
})

2.2.3 Promise.all()

Promise.all() 方法会发起并行的 Promise 异步操作，等所有的异步操作全部结束后才会执行下一步的 .then 操作（等待机制）

import thenFs from 'then-fs'

const promiseArr = [
    thenFs.readFile('./file/1.txt', 'utf8'),
    thenFs.readFile('./file/2.txt', 'utf8'),
    thenFs.readFile('./file/3.txt', 'utf8')
]
//数组中promise实例的顺序就是最后结果的顺序
Promise.all(promiseArr).then(result => {
    console.log(result)
})

2.2.4 Promise.race()

Promise.race() 方法会发起并行的 Promise 异步操作，只要任何一个异步操作完成，就立即执行下一步的 .then 操作（赛跑机制）

三、async/await

async/await 是 ES8（ECMAScript 2017）引入的新语法，用来简化 Promise 异步操作

3.1 基本使用

import thenFs from 'then-fs'

async function getAllFiles(){
    const r1 = await thenFs.readFile('./file/1.txt', 'utf8')
    console.log(r1)
    const r2 = await thenFs.readFile('./file/2.txt', 'utf8')
    console.log(r2)
    const r3 = await thenFs.readFile('./file/3.txt', 'utf8')
    console.log(r3)
}

getAllFiles()