es6新特性 - Promise

一、定义

1. Promise，译为承诺，是异步编程的一种解决方案，比传统的解决方案（回调函数）更加合理和更加强大

2. 状态：pending（进行中）、fulfilled（已成功）、rejected（已失败）

二、优点

• 链式操作减低了编码难度

• 代码可读性明显增强

三、特点

• 对象的状态不受外界影响，只有异步操作的结果，可以决定当前是哪一种状态

• 一旦状态改变（从pending变为fulfilled和从pending变为rejected），就不会再变，任何时候都可以得到这个结果

四、用法

1. Promise对象是一个构造函数，用来生成Promise实例：
   const promise = new Promise(function(resolve, reject) {});

2. Promise构造函数接受一个函数作为参数，该函数的两个参数分别是resolve和reject：

   • resolve函数的作用是，将Promise对象的状态从“未完成”变为“成功”

   • reject函数的作用是，将Promise对象的状态从“未完成”变为“失败

3. 实例方法：Promise构建出来的实例存在以下方法

   • then()：then是实例状态发生改变时的回调函数，第一个参数是resolved状态的回调函数，第二个参数是rejected状态的回调函数

   • catch()：catch()方法是.then(null, rejection)或.then(undefined, rejection)的别名，用于指定发生错误时的回调函数

   • finally()：finally()方法用于指定不管 Promise 对象最后状态如何，都会执行的操作

4. 构造函数方法：Promise构造函数存在以下方法

   • all()：Promise.all()方法用于将多个 Promise实例，包装成一个新的 Promise实例

   • race()：Promise.race()方法同样是将多个 Promise 实例，包装成一个新的 Promise 实例

   • allSettled()：Promise.allSettled()方法接受一组 Promise 实例作为参数，包装成一个新的 Promise 实例

   • resolve()：将现有对象转为 Promise对象

   • reject()：Promise.reject(reason)方法也会返回一个新的 Promise 实例，该实例的状态为rejected

五、使用场景

• 将图片的加载写成一个Promise，一旦加载完成，Promise的状态就发生变化

• 通过链式操作，将多个渲染数据分别给个then，让其各司其职。或当下个异步请求依赖上个请求结果的时候，我们也能够通过链式操作友好解决问题

• 通过all()实现多个请求合并在一起，汇总所有请求结果，只需设置一个loading即可

• 通过race可以设置图片请求超时