简介
Promise 是 ES6 新增的异步操作的解决方法,Promise 能够让你把异步操作的返回值(成功/失败)和相应的处理程序关联起来。用于表示一个异步操作的的最终完成及其结果值。
Promise 的对象属性
- Promise 的状态,实例对象中的一个属性
[PromiseState]
- pending 未决定的
- resolve / fullfilled 成功的
- reject 失败
状态改变只有两种情况:1. pending 变成 resolve 2. pending 变成 reject
- Promise 的值,实例对象中一个值
[PromiseResult]
保存对象(异步任务)的结果
Promise 的API
- Promise 构造函数:Promise(excutor) {}
(1) executor 函数:执行器 (resolve,reject) => {}
(2) resolve 函数:内部定义成功时调用的函数
(3) reject 函数:内部定义失败时调用的函数
executor 会在 Promise 内部立即同步调用,异步操作在执行器中执行
- Promise.prototype.then 方法:(onResolved,onRejected) => {}
(1) onResolved 函数:成功的回调函数
(2) onRejected 函数:失败的回调函数
用于得到成功时的成功回调和失败时的回调,返回一个新的 promise 对象。
- Promise.prototyp.catch 方法:(onRejected) => {}
(1) onRejected 函数:失败的回调函数
then() 的语法糖,相当于:then(undefined,onRejected)
- Promise.resolve 方法:(value) => {}
(1) value:成功的数据 或 promise 对象
(2) 传入非 Promise 对象的参数,返回成功的状态
(3) 传入的参数为 Promise 对象,则参数的结果决定了 resolve 的结果
返回一个 成功 / 失败 的 promise 对象。
- Promise.reject 方法:(reason) => {}
(1) reason:失败的结果
(2) 无论传入的是什么值,都是失败的
返回一个失败的 promise 对象。
- Promise.all 方法:(promise) => {}
(1) promise:包含 n 个 promise 的数组
返回一个新的 promise,只有所有的 promise 都成功才成功,只要有一个失败直接失败。
- Promise.rece 方法:(promise) => {}
(1) promise:包含 n 个 promise 的数组
返回一个新的 promise,第一个完成的 promise 对象的结果就是最终的结果。
Promise 的相关问题
如何改变 promise 的状态
-
resolve(value):如果当前是 pending 就会变成 resolved
-
reject(reason):如果当前是 pending 就会变成 rejected
-
抛出异常:如果当前是 pending 就会变成 rejected
一个 Promise 指定多个 成功 / 失败回调函数
- 当 Promise 改变为对应状态时都会调用
改变 promise 状态和指定回调函数的执行的先后顺序
-
都有可能,正常情况下是先指定回调再改变状态,但也可以先改变状态再指定回调
-
如何先改变状态再指定回调
- 在执行器函数中直接调用 resolve() / reject()
- 延迟更长时间才调用 then()/catch()
-
什么时候才能得到数据
- 如果先指定的回调,当状态发生改变时,回调函数就会调用,得到数据
- 如果先改变的状态,当指定回调,回调函数就会调用,得到数据
promise.then() 返回的新 promise 的结果状态由什么决定
-
简单表达:由 then() 指定的回调函数执行的结果决定
-
详细表达:
- 如果抛出异常,新的 promise 变为 rejected。结果为抛出的异常
- 如果返回的是非 promise 的任意值,新 promise 变为 resolved,结果为返回的值
- 如果返回的是另一个新 promise, 该 promise 的结果为新 promise 的结果
promise 的链式调用
- 原理:then 方法的返回值为一个 promise 对象
异常穿透
- promise 的链式调用中,任意一个 promise 对象的错误都可以由最后一个 catch 方法捕获
中断 promise 链的方法
- 返回一个 pendding 状态的 promise 对象