随着 Web 技术的不断发展，JavaScript 作为前端开发的核心语言，对异步的支持也变得越来越重要。在 ECMAScript 的演进过程中，异步编程能力的提升也是一个重要的方向。ES9 和 ES10 在异步特性方面都引入了新的工具，本文将对这些新特性做详细的对比。
ES9 异步特性
Promise.prototype.finally
Promise.prototype.finally 是 ES9 中最主要的异步特性之一。在 Promise 的实例上，finally 方法始终会被调用，无论 Promise 解决（resolve）或拒绝（reject）。通常情况下，我们需要无论其状态如何，都要执行某些操作，finally 方法是一个非常方便的解决方案。
// Promise.prototype.finally 示例代码
fetch('some/resource')
.then(response => console.log(response))
.catch(error => console.error(error))
.finally(() => console.log('request completed'));Rest/Spread 属性中的异步迭代器
ES9 在 Rest/Spread 属性中引入了异步迭代器的支持，这有助于简化异步数据结构的操作，使它们看起来更像是同步代码。异步迭代器是生成器函数（Generator function）的扩展，可以通过 Symbol.asyncIterator 来实现。
-- -------------------- ---- -------
-- ----------- -------------
----- -------- -------------- -
----- -------- - ----- -----------
----- ---- - ----- ----------------
------ -----
-
------ -- -- -
----- --------- - ----- -------------
-------------------------
-------------------------
------------------------
---
----- ------------ - ---------------
-- -- ------ ---- ------- --------
------------------------- -- -------------------
-----ES10 异步特性
Array.prototype.flat 和 Array.prototype.flatMap
在 ES10 中，Array.prototype.flat 和 Array.prototype.flatMap 引入了新的功能，能够更方便地处理异步数据结构。当你在处理各种深度嵌套的数组时，这些函数都非常有用。Array.prototype.flat 可以将任意深度的嵌套数组“平坦化”到单个层级，而 Array.prototype.flatMap 则可以在“平坦化”的同时，实现映射操作。
-- -------------------- ---- ------- -- -------------------- - ----------------------- ---- ----- ----------- - --- --- --- --- --- ----- ----- --------- - -------------------- ----------------------- ----- ------------------ - ------------------------ -- ----- - -- ---- - ------------- -- --- - - --- -- -- --------------------------------
Object.fromEntries
Object.fromEntries 是另一个有用的 ES10 异步特性，在某些情况下，我们需要从键值对数组（Array）中创建对象，这时候可以使用它。较之前的解决方案（如 Object.entries 和 Array.prototype.reduce），Object.fromEntries 更为简洁。
-- -------------------- ---- ------- -- ------------------ ---- ----- ------- - - -------- ------ ------- ---- ---------- ---- -- ----- ------ - ---------------------------- --------------------
总结
在 ES9 和 ES10 中，我们可以看到 JavaScript 对异步编程方面的持续改进和优化，而这也直接推动了 JavaScript 在 Web 开发中的广泛应用。上面我们介绍了 ES9 中的 Promise.prototype.finally 和 Rest/Spread 属性中的异步迭代器，以及 ES10 中的 Array.prototype.flat 和 Array.prototype.flatMap，Object.fromEntries。当然，JavaScript 中的异步编程还有很多需要深入挖掘的方向，希望这篇文章对读者有帮助，并能够引发更多的学习和思考。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65b4aaf1add4f0e0ffd8c50a