随着前端技术的不断进步，Promise 已成为一种常见的异步编程解决方案。在 ES6 中，Promise.all() 方法可以将多个 Promise 对象封装成一个新的 Promise 对象，并在所有 Promise 对象都变为完成状态后返回一个 Promise 对象。但是，如果其中一个 Promise 对象失败，Promise.all() 方法就会立即中断并返回一个拒绝的 Promise 对象。这样，我们就需要使用其它手段来处理那些未在 Promise.all() 中处理的 Promise。ES9 的 await 操作符为我们解决了这个问题。
await 操作符
在 ES8 之前，要等待 Promise 对象完成并获取其中的值，需要使用 then() 方法。例如：
getPromise().then((result) => {
console.log(result);
});ES8 引入了 async/await 语法，通过 async 标记一个函数并使用 await 关键字等待 Promise 对象完成并获取其中的值。例如：
async function getAsync() {
let result = await getPromise();
console.log(result);
}使用 await 处理 Promise.all() 中的单个 Promise 失败
ES9 中的 await 操作符可以非常方便地处理 Promise.all() 中的单个 Promise 失败。我们可以通过 try/catch 块捕获异常，并处理那些未在 Promise.all() 中处理的 Promise。例如：
-- -------------------- ---- -------
----- -------- ----------- -
--- -
----- ------- - ----- ---------------------- --------- -----------
---------------------
- ----- ------- -
-------------------
-- ---- ------------- ---- -------
-
-在上面的示例代码中，如果 promise1, promise2 或 promise3 中的任何一个失败，await 操作符会将其抛出，并跳转到 catch 块，从而避免了 Promise.all() 中的失败对其它未在 Promise.all() 中处理的 Promise 的影响。
指导意义
ES9 中的 await 操作符为我们提供了一种新的方式来处理 Promise.all() 中的单个 Promise 失败，并给我们编写更加健壮的代码带来了许多便利。使用 await 操作符处理 Promise.all() 中的单个 Promise 失败可确保我们的代码始终处于正常工作状态，并且能够有效地处理错误。
总结
本文介绍了如何使用 ES9 中的 await 操作符处理 Promise.all() 中的单个 Promise 失败，并通过示例代码让读者更好地了解这一技术。在实际开发中，我们应该合理使用这个技术，保证代码的健壮性和可靠性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65a503cfadd4f0e0ffd684e3