Promise知识点整理

最新推荐文章于 2024-05-25 21:23:11 发布

VCDA

最新推荐文章于 2024-05-25 21:23:11 发布

阅读量120

点赞数

分类专栏：前端知识点整理文章标签： javascript es6

本文链接：https://blog.csdn.net/weixin_42357192/article/details/120271077

版权

前端知识点整理专栏收录该内容

21 篇文章 1 订阅

订阅专栏

Promise是什么

Promise是异步编程的一种解决方案。从语法上讲，Promise是一个对象，从它可以获取异步操作的消息。

为什么要用Promise

指定回调函数的方式更加灵活

旧的: 必须在启动异步任务前指定
promise: 启动异步任务 => 返回promie对象 => 给promise对象绑定回调函数(甚至可以在异步任务结束后指定/多个)

支持链式调用, 可以解决回调地狱问题

什么是回调地狱
回调函数嵌套调用，外部回调函数异步执行的结果是嵌套的回调执行的条件

回调地狱的缺点
不便于阅读，不便于异常处理
解决方案
Promise链式调用
用来解决回调地狱问题，但是只是简单的改变格式，并没有彻底解决上面的问题真正要解决上述问题，一定要利用Promise再加上await和async关键字实现异步传同步
终极解决方案
Promise + async/await

Promise状态

状态的特点
Promise 异步操作有三种状态：pending（进行中）、fulfilled（已成功）和 rejected（已失败）。除了异步操作的结果，任何其他操作都无法改变这个状态。
Promise 对象只有：从 pending 变为 fulfilled 和从 pending 变为 rejected 的状态改变。只要处于 fulfilled 和 rejected ，状态就不会再变了即 resolved（已定型）。

状态的缺点
无法取消 Promise ，一旦新建它就会立即执行，无法中途取消。
如果不设置回调函数，Promise 内部抛出的错误，不会反应到外部。
当处于 pending 状态时，无法得知目前进展到哪一个阶段（刚刚开始还是即将完成）。

Promise的基本流程

在这里插入图片描述

Promise中的常用API

Promise 构造函数: Promise (excutor) {}

executor 函数: 执行器 (resolve, reject) => {}
resolve 函数: 内部定义成功时我们调用的函数 value => {}
reject 函数: 内部定义失败时我们调用的函数 reason => {}

说明: executor 会在 Promise 内部立即同步调用,异步操作在执行器中执行,换话说Promise支持同步也支持异步操作

Promise.prototype.then 方法: (onResolved, onRejected) => {}

onResolved 函数: 成功的回调函数 (value) => {}
onRejected 函数: 失败的回调函数 (reason) => {}

说明: 指定用于得到成功 value 的成功回调和用于得到失败 reason 的失败回调返回一个新的 promise 对象

Promise.prototype.catch 方法: (onRejected) => {}

onRejected 函数: 失败的回调函数 (reason) => {}
异常穿透使用: 当运行到最后,没被处理的所有异常错误都会进入这个方法的回调函数中

Promise.resolve 方法: (value) => {}

value: 成功的数据或 promise 对象

说明: 返回一个成功的 promise 对象,直接改变promise状态

Promise.reject 方法: (reason) => {}

reason: 失败的原因

说明: 返回一个失败的 promise 对象,直接改变promise状态

Promise.all 方法: (promises) => {}

promises: 包含 n 个 promise 的数组

说明: 返回一个新的 promise, 只有所有的 promise 都成功才成功, 只要有一个失败了就直接失败

Promise.race 方法: (promises) => {}

promises: 包含 n 个 promise 的数组
说明: 返回一个新的 promise, 第一个完成的 promise 的结果状态就是最终的结果状态

Promise的几个关键问题

如何改变 promise 的状态

resolve(value): 如果当前是 pending 就会变为 resolved
reject(reason): 如果当前是 pending 就会变为 rejected
抛出异常: 如果当前是 pending 就会变为 rejected

一个 promise 指定多个成功/失败回调函数, 都会调用吗

当 promise 改变为对应状态时都会调用,改变状态后,多个回调函数都会调用,并不会自动停止

改变 promise 状态和指定回调函数谁先谁后

都有可能, 正常情况下是先指定回调再改变状态, 但也可以先改状态再指定回调
先指定回调再改变状态(异步):先指定回调–> 再改变状态 -->改变状态后才进入异步队列执行回调函数
先改状态再指定回调(同步):改变状态 -->指定回调并马上执行回调
如何先改状态再指定回调 -->注意:指定并不是执行
在执行器中直接调用 resolve()/reject() -->即,不使用定时器等方法,执行器内直接同步操作
延迟更长时间才调用 then() -->即,在.then()这个方法外再包一层例如延时器这种方法
什么时候才能得到数据
如果先指定的回调, 那当状态发生改变时, 回调函数就会调用, 得到数据
如果先改变的状态, 那当指定回调时, 回调函数就会调用, 得到数据

promise.then()返回的新 promise 的结果状态由什么决定

简单表达: 由 then()指定的回调函数执行的结果决定
详细表达:
如果抛出异常, 新 promise 变为 rejected, reason 为抛出的异常
如果返回的是非 promise 的任意值, 新 promise 变为 resolved, value 为返回的值
如果返回的是另一个新 promise, 此 promise 的结果就会成为新 promise 的结果