ES6模块化与异步编程高级用法

1、ES6 模块化

1. 回顾：node.js 中如何实现模块化

node.js 遵循了 CommonJS 的模块化规范。其中：

⚫ 导入其它模块使用 require() 方法

⚫ 模块对外共享成员使用 module.exports 对象

降低了沟通的成本 ， 极大方便了各个模块之间的相互调用 ，利人利己。

2、什么是 ES6 模块化规范

ES6 模块化规范 是 浏览器端 与 服务器端 通用的模块化开发规范。它的出现极大的降低了前端开发者的模块化学习成本，开发者不需再额外学习 AMD、CMD 或 CommonJS 等模块化规范。

ES6 模块化规范中定义：

• ⚫ 每个 js 文件都是一个独立的模块
• ⚫ 导入其它模块成员使用 import 关键字
• ⚫ 向外共享模块成员使用 export 关键字

4. 在 node.js 中体验 ES6 模块化

node.js 中 默认仅支持 CommonJS 模块化规范 ，若想基于 node.js 体验与学习 ES6 的模块化语法，可以按照

如下两个步骤进行配置：

① 确保安装了 v14.15.1 或更高版本的 node.js

② 在 package.json 的根节点中添加 "type": "module" 节点

5. ES6 模块化的基本语法

ES6 的模块化主要包含如下 3 种用法：

① 默认导出 与 默认导入

② 按需导出 与 按需导入

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

5.1 默认导出

默认导出的语法： export default 默认导出的成员

 默认导入的语法： import 接收名称 from '模块标识符

 每个模块中，只允许使用唯一的一次 export default，否则会报错！

 默认导入时的接收名称可以任意名称，只要是合法的成员名称即可：

 按需导出的语法： export 按需导出的成员

 按需导入的语法： import { s1 } from '模块标识符'

 

5.2 按需导出与按需导入的 注意事项

① 每个模块中可以使用 多次 按需导出

② 按需 导入的成员名称 必须和 按需导出的名称 保持一致

③ 按需导入时，可以使用 as 关键字 进行重命名

④ 按需导入可以和默认导入一起使用

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

如果 只想单纯地执行某个模块中的代码 ，并不需要得到模块中向外共享的成员。此时，可以直接导入并执行模

块代码，示例代码如下：

 

2、Promise

1. 回调地狱

多层回调函数的相互嵌套 ，就形成了 回调地狱 。示例代码如下：

 

1.1 如何解决回调地狱的问题

为了解决回调地狱的问题， ES6 （ECMAScript 2015）中新增了 Promise 的概念

① Promise 是一个构造函数

• 我们可以创建 Promise 的实例 const p = new Promise()
• new 出来的 Promise 实例对象，代表一个异步操作

② Promise.prototype 上包含一个 .then() 方法

• 每一次 new Promise() 构造函数得到的实例对象，
• 都可以通过原型链的方式访问到 .then() 方法，例如 p.then()

③ .then() 方法用来预先指定成功和失败的回调函数

• p.then(成功的回调函数，失败的回调函数)
• p.then(result => { }, error => { })
• 调用 .then() 方法时，成功的回调函数是必选的、失败的回调函数是可选的

2. 基于回调函数 按顺序读取文件内容

 

3. 基于 then-fs 读取文件内容

由于 node.js 官方提供的 fs 模块 仅支持 以 回调函数的方式 读取文件， 不支持 Promise 的调用方式 。因此，需要先运行如下的命令，安装 then-fs 这个第三方包，从而支持我们基于 Promise 的方式读取文件的内容：

调用 then-fs 提供的 readFile() 方法，可以异步地读取文件的内容， 它的返回值是 Promise 的实例对象 。因此可以 调用 .then() 方法 为每个 Promise 异步操作指定 成功 和 失败 之后的回调函数。示例代码如下：

 

 

3.2 .then() 方法的特性

如果上一个 .then() 方法中 返回了一个新的 Promise 实例对象 ，则可以通过下一个 .then() 继续进行处理。通过 .then() 方法的 链式调用 ，就解决了回调地狱的问题

 

3.4 通过 .catch 捕获错误

在 Promise 的链式操作中如果发生了错误，可以使用 Promise.prototype. catch 方法进行捕获和处理：

 如果不希望前面的错误导致后续的 .then 无法正常执行，则可以将 .catch 的调用提前，示例代码如下：

3.5 Promise.all() 方法

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

 

注意：数组中 Promise 实例的顺序，

就是最终结果的顺序！

3.6 Promise.race() 方法

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

 

 

4. 基于 Promise 封装读文件的方法

方法的封装要求：

① 方法的名称要定义为 getFile

② 方法接收一个 形参 fpath ，表示要读取的文件的路径

③ 方法的 返回值 为 Promise 实例对象

4.1 getFile 方法的基本定义

 

注意：第 5 行代码中的 new Promise() 只是创建了一个 形式上的异步操作 。

4.2 创建具体的异步操作

如果想要创建 具体的异步操作 ，则需要在 new Promise() 构造函数期间， 传递一个 function 函数 ， 将具体的异步操作定义到 function 函数内部 。示例代码如下：

4.3 获取 .then 的两个实参

通过 .then() 指定的 成功 和 失败 的回调函数，可以在 function 的 形参中 进行接收，示例代码如下：

 

 

4.4 调用 resolve 和 reject 回调函数

Promise 异步操作的结果 ，可以调用 resolve 或 reject 回调函数进行处理。示例代码如下：