Promises 静态四兄弟 — 优雅实现

2023-12-27 00:13:24

前言

Promise，一种 JavaScript 原生对象，是异步编程的好帮手，它允许我们在执行异步操作时，指定回调函数以处理异步操作的结果。而在 ES6 中，Promise 引入了四个静态方法：Promise.all、Promise.allSettled、Promise.race 和 Promise.any，它们可以帮助我们在复杂场景下更轻松地管理异步任务，优化代码结构，提高可读性和易维护性。

四兄弟方法介绍

Promise.all

Promise.all 方法接收一个包含多个 Promise 实例的数组，然后返回一个新的 Promise 实例。当数组中的所有 Promise 实例都已完成（无论它们是已解决还是已拒绝），则新的 Promise 实例将被解决，其值是一个数组，其中包含每个 Promise 实例的结果（如果已解决）或拒绝原因（如果已拒绝）。

Promise.allSettled

Promise.allSettled 方法与 Promise.all 方法类似，但它会一直等待所有 Promise 实例完成，无论它们是已解决还是已拒绝。与 Promise.all 方法返回一个包含结果数组的新 Promise 实例不同，Promise.allSettled 方法返回一个包含每个 Promise 实例的结果或拒绝原因的数组。

Promise.race

Promise.race 方法接收一个包含多个 Promise 实例的数组，然后返回一个新的 Promise 实例。当数组中的任何一个 Promise 实例完成（无论它是已解决还是已拒绝），则新的 Promise 实例都会被解决或拒绝，其值或拒绝原因与完成的 Promise 实例相同。

Promise.any

Promise.any 方法接收一个包含多个 Promise 实例的数组，然后返回一个新的 Promise 实例。当数组中的任何一个 Promise 实例已解决，则新的 Promise 实例将被解决，其值与已解决的 Promise 实例相同。如果数组中的所有 Promise 实例都被拒绝，则新的 Promise 实例将被拒绝，其拒绝原因是一个 AggregateError 实例，该实例包含所有被拒绝的 Promise 实例的拒绝原因。

四兄弟的特性

四兄弟方法都具有以下特性：

它们都是静态方法，可以独立于 Promise 实例调用。
它们都返回一个新的 Promise 实例。
它们都可以接收一个包含多个 Promise 实例的数组作为参数。
它们都可以在异步任务完成后执行回调函数。

四兄弟方法对比

下表总结了四兄弟方法之间的关键差异：

方法	返回值	行为
Promise.all	一个包含结果数组的新 Promise 实例	当所有 Promise 实例都已完成时才解决
Promise.allSettled	一个包含每个 Promise 实例的结果或拒绝原因的数组	一直等待所有 Promise 实例完成
Promise.race	一个与完成的 Promise 实例相同的新 Promise 实例	当数组中的任何一个 Promise 实例完成时解决或拒绝
Promise.any	一个与已解决的 Promise 实例相同的新 Promise 实例	当数组中的任何一个 Promise 实例已解决时解决，当所有 Promise 实例都被拒绝时拒绝

四兄弟方法的使用场景

四兄弟方法可以用于各种异步编程场景，例如：

加载多个资源时，可以使用 Promise.all 方法确保所有资源都已加载完成，然后执行后续操作。
处理多个异步任务时，可以使用 Promise.allSettled 方法确保所有任务都已完成，无论它们是成功还是失败，然后执行后续操作。
当需要在多个异步任务中选择一个最快完成的任务时，可以使用 Promise.race 方法。
当需要检查多个异步任务中是否有任何一个已解决时，可以使用 Promise.any 方法。

四兄弟方法的实现

四兄弟方法的实现相对复杂，涉及到 Promise 的内部机制和事件循环。在浏览器中，Promise 的实现通常是基于 Web API，如 setTimeout 和 fetch，而在 Node.js 中，Promise 的实现是基于事件循环和回调函数。

结论

Promise 的四个静态方法：Promise.all、Promise.allSettled、Promise.race 和 Promise.any，可以帮助我们在复杂场景下更轻松地管理异步任务，优化代码结构，提高可读性和易维护性。通过了解这些方法的用法和特性，我们可以更好地掌握 JavaScript 的异步编程，并编写出更加优雅和高效的代码。