对promise的认识

原创于 2025-04-15 19:39:32 发布 · 433 阅读

CC 4.0 BY-SA版权

文章标签：

JS中用于处理异步操作的编程模式。一个Promise是一个代理，它代表一个创建Promise时不一定已知的值。它允许我们将处理的程序与异步操作的最终成功值或失败值原因想关联起来。这使得异步方法可以像同步方法一样返回值：异步方法不会立即返回最终值，而是返回一个Promise，以便在将来的某个时间点提供该值。

二、Promise的三种状态

pending：表示初始状态，未完成，也未被拒绝。

fulfilled：表示成功完成。

rejected：表示操作失败。

三、Promise的链式调用

Promise.prototype.then()、Promise.prototype.catch()、Promise.prototype.finally()，由于这些方法返回了Promise，因此可以被链式调用。

.then()方法最多接受两个参数：第一个参数是成功的回调，第二个参数是拒绝时的参数。每个.then()返回一个新生成的Promise对象，这个对象可被链式调用。如果.then()方法中处理拒绝状态的回调函数，且没有返回一个新的Promise,那么Promise会继续执行下一个.then()，一般将错误处理推迟到Promise链末尾，使用.catch()捕获整个链中任何拒绝状态。将错误处理推迟到.catch()能更好的组织代码，集中处理拒绝状态。

一个Promise的终止条件决定了链中下一个Promise的“已敲定”状态。fulfilled表示Promise成功完成，rejected表示Promise执行失败。链中成功的Promise返回值传递给下一个.then()，而已拒绝的Promise把失败的原因传递给链中下一个拒绝处理函数。

链式调用中Promise就像俄罗斯套娃一样，是嵌套起来的，但又像一个栈，每次都从顶端被弹出。链式调用中第一个Promise是嵌套最深的，也是第一个被弹出的。

四、Promise并发

1、Promise.all()

Promise.all()静态方法接受一个Promise可迭代对象作为输入，并返回一个Promise。当所有输入的Promise都成功时，会返回一个所有成功值的数组。如果输入任何Promise被拒绝，返回的Promise将被拒绝，并带有第一个被拒绝的原因。

语法：

Promise.all(iterable)

iterable一个可迭代对象，例如Array或String。

2、Promise.allsettled()

Promise.allSettled() 静态方法将一个 Promise 可迭代对象作为输入，并返回一个单独的 Promise。当所有输入的 Promise 都已敲定时（包括传入空的可迭代对象时），返回的 Promise 将被兑现，并带有描述每个 Promise 结果的对象数组。

语法：

Promise.allSettled(iterable)

Promise.allSettled() 方法是 promise 并发方法之一。在你有多个不依赖于彼此成功完成的异步任务时，或者你总是想知道每个 promise 的结果时，使用 Promise.allSettled() 。

相比之下，如果任务相互依赖，或者如果你想在任何 promise 被拒绝时立即拒绝，Promise.all() 返回的 Promise 可能更合适。

3、Promise.any()

Promise.any() 静态方法将一个 Promise 可迭代对象作为输入，并返回一个 Promise。当输入的任何一个 Promise 兑现时，这个返回的 Promise 将会兑现，并返回第一个兑现的值。当所有输入 Promise 都被拒绝（包括传递了空的可迭代对象）时，它会以一个包含拒绝原因数组的 AggregateError 拒绝。

Promise.any() 方法是 Promise 并发方法之一。该方法对于返回第一个成功的 Promise 非常有用。一旦有一个 Promise 成功，它就会立即返回，因此不会等待其他 Promise 完成。

与 Promise.all() 返回一个成功值数组不同的是，我们只会得到一个成功值（假设至少有一个 Promise 成功）。此方法对于那些如果我们只需要一个 Promise 成功，但不在意哪一个成功的情况更有益。请注意另一个区别：该方法在接收到空的可迭代对象时会拒绝，因为实际上，该可迭代对象不包含任何兑现的项。你可以将 Promise.any() 和 Promise.all() 与 Array.prototype.some() 和 Array.prototype.every() 进行比较。

同时，与 Promise.race() 返回第一个敲定（无论是成功还是失败）的值不同的是，该方法返回第一个成功的值。该方法忽略所有被拒绝的 Promise，直到第一个被兑现的 Promise。

使用场景：显示第一张已加载的图片