在现代 Web 开发中，前端异步操作已经变得越来越重要。利用异步操作，可以实现复杂的数据处理和页面交互，提高用户体验和性能。而在异步操作方面，JavaScript 语言一直处于前沿，有很多方便易用的异步工具库可供使用。而随着 ES9 的到来，我们可以使用一些新特性来改进我们的异步工具库，使其更加强大和高效。
本文将介绍一些 ES9 的新特性，并向读者展示如何将这些特性应用到异步工具库中。我们将围绕 Promise 和 async/await 这两个基础异步实现进行讲解。
Promise.prototype.finally()
Promise 是 JavaScript 原生的异步工具，用于处理异步操作的状态（pending、resolved 和 rejected）。在 ES9 中，Promise 类型新增了一个方法——finally()。它可以在 Promise 执行完毕后，无论 Promise 状态如何，都会执行一段代码。
使用 finally 方法的示例代码如下：
promise
.then(result => { /* do something */ })
.catch(error => { /* handle error */ })
.finally(() => { /* do something after the Promise is done */ });Promise.allSettled()
在以往的 Promise 实现中，Promise.all() 方法只有在所有 Promise 都成功时才会返回成功，如果其中有一个失败，就会返回错误。而在 ES9 中，Promise 类型新增了一个方法——allSettled()，可以在所有 Promise 都完成后，返回它们的状态数组，而不管它们是否成功。
使用 allSettled() 方法的示例代码如下：
// www.javascriptcn.com code example
Promise.allSettled(promises)
.then(results => {
results.forEach(result => {
if (result.status === 'fulfilled') {
console.log(result.value);
} else {
console.error(result.reason);
}
});
});Async/Await
Async/Await 是 ES7 引入的异步处理方式，它建立在 Promise 基础之上，使异步代码更加易读和可维护。而在 ES9 中，Async 函数新增了一些特性，使得异步代码的编写更加容易。
Async Generator
Async Generator 是用于异步序列生成和处理的函数。通过 Async Generator，可以很方便地用 await 关键字来等待异步操作的完成。
使用 Async Generator 的示例代码如下：
// www.javascriptcn.com code example
async function* numbers() {
let index = 0;
while (index < 3) {
yield index++;
}
}
(async () => {
const gen = numbers();
console.log(await gen.next()); // { done: false, value: 0 }
console.log(await gen.next()); // { done: false, value: 1 }
console.log(await gen.next()); // { done: false, value: 2 }
console.log(await gen.next()); // { done: true, value: undefined }
})();Async Iteration
Async Iteration 是用于异步迭代器的特性，它可以让我们通过 for-await-of 循环来遍历异步序列。我们可以将它与 Async Generator 结合使用，以方便地处理异步序列。
使用 Async Iteration 的示例代码如下：
// www.javascriptcn.com code example
async function* numbers() {
let index = 0;
while (index < 3) {
yield index++;
}
}
(async () => {
for await (const num of numbers()) {
console.log(num);
}
})();结语
ES9 的新特性给异步工具库的开发带来了更多的可能性。通过 Promise.prototype.finally() 和 Promise.allSettled() 方法，我们可以更好地处理 Promise 异常和状态。而 Async/Await 的新特性则使得我们可以更加优雅地编写异步代码。希望本文能够对读者有所启发，使你们的异步操作变得更加高效和易读。
Source: FunTeaLearn,Please indicate the source for reprints https://funteas.com/post/6780cda4ce7f4861254a19dd