Promise 总结

简介

  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 对象
原文地址:https://www.cnblogs.com/aloneer/p/14760037.html