目录
1. node.js 中如何实现模块化
node.js 遵循了
CommonJS
的模块化规范。其中：
⚫
导入其它模块使用
require()
方法
⚫
模块对外共享成员使用
module.exports
对象
模块化的好处：
大家都遵守同样的模块化规范写代码，
降低了沟通的成本
，
极大方便了各个模块之间的相互调用
，利人利己
2. 什么是 ES6 模块化规范
ES6 模块化规范
是
浏览器端
与
服务器端
通用的模块化开发规范。
它的出现极大的降低了前端开发者的模块化学习成本，开发者不需再额外学习 AMD、CMD 或 CommonJS 等模块化规范。
ES6 模块化规范中定义：
⚫
每个 js 文件都是一个独立的模块
⚫
导入其它模块成员使用
import
关键字
⚫
向外共享模块成员使用
export
关键字
3. ES6 模块化的基本语法
ES6 的模块化主要包含如下 3 种用法：
①
默认导出
与
默认导入
②
按需导出
与
按需导入
③
直接导入
并
执行
模块中的代码
1.默认导出的语法：
export default
默认导出的成员
每个模块中，
只允许使用唯一的一次
export default，否则会报错！
2.默认导入的语法： import 接收名称 from '模块标识符'
默认导入时的接收名称可以任意名称，只要是合法的成员名称即可：
3.按需导出的语法： export 按需导出的成员
4.按需导入的语法： import { s1 } from '模块标识符'
按需导出与按需导入的注意事项
① 每个模块中可以使用
多次
按需导出
② 按需
导入的成员名称
必须和
按需导出的名称
保持一致
③ 按需导入时，可以使用
as 关键字
进行重命名
④ 按需导入可以和默认导入一起使用
5.直接导入并执行模块中的代码
如果
只想单纯地执行某个模块中的代码
，并不需要得到模块中向外共享的成员。此时，可以直接导入并执行模块代码，示例代码如下：
4.0 什么是回调地狱
多层回调函数的相互嵌套
，就形成了
回调地狱
。
示例代码如下：
回调地狱的缺点：
⚫
代码耦合性太强，牵一发而动全身，
难以维护
⚫
大量冗余的代码相互嵌套，代码的
可读性变差
如何解决回调地狱的问题
为了解决回调地狱的问题，
ES6
（ECMAScript 2015）中新增了
Promise
的概念。
4. 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() 方法时，成功的回调函数是必选的、失败的回调函数是可选的
4.1 then() 方法的特性
如果上一个 .then() 方法中
返回了一个新的 Promise 实例对象
，则可以通过下一个 .then() 继续进行处理。通过 .then() 方法的
链式调用
，就解决了回调地狱的问题。
Promise 支持链式调用
，从而来解决回调地狱的问题。示例代码如下：
4.2 通过 .catch 捕获错误
在Promise 的链式操作中如果发生了错误, 可以使用 Promise.prototype.
catch
方法进行捕获和处理：
如果不希望前面的错误导致后续的 .then 无法正常执行，则可以将 .catch 的调用提前，示例代码如下：
4.3 Promise.all() 方法
Promise.all() 方法会发起并行的 Promise 异步操作，等
所有的异步操作全部结束后
才会执行下一步的 .then 操作（等待机制）。示例代码如下：
注意：数组中 Promise 实例的顺序， 就是最终结果的顺序！
4.4 Promise.race() 方法
Promise.race() 方法会发起并行的 Promise 异步操作，
只要任何一个异步操作完成，就立即执行下一步的 .then 操作
（赛跑机制）。示例代码如下：
4.5 获取 .then 的两个实参
通过 .then() 指定的
成功
和
失败
的回调函数，可以在 function 的
形参中
进行接收，示例代码如下：
4.6 调用 resolve 和 reject 回调函数
Promise 异步操作的结果，可以调用 resolve 或 reject 回调函数进行处理。示例代码如下：
5. async/await
5.1 什么是 async/await
async/await
是
ES8
（ECMAScript 2017）引入的新语法，用来
简化 Promise 异步操作
。 在async/await 出现之前，开发者只能通过
链式 .then() 的方式
处理 Promise 异步操作。
.then 链式调用的
优点
： 解决了回调地狱的问题
.then 链式调用的
缺点
： 代码冗余、阅读性差、不易理解
5.2 async/await 的基本使用
5.3 async/await 的
使用注意事项
① 如果在 function 中使用了 await，则 function
必须
被 async 修饰
② 在 async 方法中，
第一个 await 之前的代码会同步执行
，await 之后的代码会异步执行
