在 JavaScript 中经常会出现异步编程的场景，通常使用 Promise 来处理异步操作。在 ES9 中，新增了一个 Promise.allSettled() 方法，可以用来处理并行的异步操作，并能够获取所有 Promise 状态的结果。本文将介绍如何使用 Promise.allSettled() 方法来实现更好的异步控制，以及提供一些示例代码来帮助您更好的理解。
Promise.all() 和 Promise.allSettled()
在介绍 Promise.allSettled() 方法之前，我们需要先了解 Promise.all() 方法。Promise.all() 方法接收一个 Promise 数组作为参数，将 Promise 数组中的 Promise 对象并行执行。如果全部 Promise 对象都成功执行，Promise.all() 方法会按照 Promise 数组中的顺序返回结果，否则会返回失败的 Promise 对象，并且只要有一个 Promise 失败，整个 Promise.all() 方法就会失败。
Promise.allSettled() 方法也接收一个 Promise 数组作为参数，不同的是，无论 Promise 数组中的 Promise 对象是成功还是失败，都会返回一个对象数组，该数组中的每个对象表示每个 Promise 对象的执行结果。这个对象包含两个属性：status 和 value 或者 reason。其中，status 属性表示 Promise 对象的状态，可以是 "fulfilled" 或 "rejected"；value 或者 reason 属性分别表示 Promise 对象成功的值和失败的原因。这个方法类似于 Promise.race() 方法，但 Promise.race() 方法只能返回一个 Promise 对象，而 Promise.allSettled() 方法可以返回所有 Promise 对象的结果。
Promise.allSettled() 的使用示例
下面我们来看一个 Promise.allSettled() 的使用示例。假设有三个异步请求，我们需要并行请求所有结果，无论是成功还是失败，都需要将所有结果返回。代码如下：
const promise1 = Promise.resolve('请求成功');
const promise2 = Promise.reject('请求失败');
const promise3 = new Promise((resolve, reject) => setTimeout(resolve, 1000, '延迟一秒'));
Promise.allSettled([promise1, promise2, promise3]).then(results => console.log(results));执行结果如下：
[
{ status: 'fulfilled', value: '请求成功' },
{ status: 'rejected', reason: '请求失败' },
{ status: 'fulfilled', value: '延迟一秒' }
]可以看到，Promise.allSettled() 方法返回了一个数组，该数组中包含所有异步请求的状态和结果。
Promise.allSettled() 的指导意义
Promise.allSettled() 方法与 Promise.all() 方法相比，具有更好的鲁棒性和容错性。通过使用 Promise.allSettled() 方法，我们可以确保即使其中一个异步操作失败，我们也能够获取到其他异步操作的结果，同时不会导致整个异步操作的失败。
在实际项目中，经常会有这样的需求：需要在页面中并行发起多个异步请求，但是只有当所有请求都成功或都失败时，才能进行下一步操作，否则需要进行错误处理。此时，Promise.allSettled() 方法就可以用来处理这种场景。通过使用这个方法，我们可以获取所有异步请求的状态和结果，然后根据需求进行相应的处理，从而实现更好的异步控制。
总结
通过本文的介绍，我们了解了 ES9 中新增的 Promise.allSettled() 方法的使用方法和指导意义。这个方法可以用于并行执行多个异步操作，并且可以获取所有异步操作的状态和结果，具有更好的鲁棒性和容错性，可以帮助我们实现更好的异步控制。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/645c86d4968c7c53b0eef296