在现代 Web 应用程序中，使用异步编程已成为前端开发中不可或缺的一部分。ECMAScript 2017 (ES8) 增加了一些新功能，特别是在异步编程方面，使得 JavaScript 代码更加易于阅读、理解和维护。
新的异步功能
ES8 引入了三个新的函数和几个新的标记，以便更轻松地使用异步编程：
async/await
ES8 引入了 async/await 功能，这是一种处理异步操作的新方法。async/await 让开发人员可以使用同步方式来编写异步代码，避免了使用回调函数的麻烦。通过使用 async 关键字来声明一个异步函数，然后在函数中使用 await 关键字来等待异步函数的返回。
----- -------- ----------- - ----- -------- - ----- ------------------------------------------------------ ----- ---- - ----- ---------------- ------ ----- - --------------------- -- -------------------
在上面的代码示例中，fetchData 函数使用 await 等待 fetch 函数和 response.json() 函数的返回。一旦这些异步操作完成，它们的结果将被返回给 fetchData 函数，然后返回的 Promise 将被解析。
Promise.prototype.finally
Promise.prototype.finally 可以在 Promise 对象解决或拒绝后运行代码。这使得一些常见的任务，例如清理或关闭资源，更容易处理。
----------------------------------------------------- -------------- -- ---------------- ---------- -- ------------------ ------------ -- --------------------- ----------- -- ------------------ -------------
在上面的代码示例中，finally 方法在 Promise 对象解决或拒绝后都会执行，这里使用 finally 方法打印日志。
Promise.try
Promise.try 是一个用于创建 Promise 对象的新方法，与 Promise.resolve 和 Promise.reject 不同，它会自动处理同步和异步代码。
-------------- -- - -- -- --------- -------------- -- - -------------------- -------------- -- - --------------------- --
在上面的代码示例中，Promise.try 方法自动处理同步和异步代码，并返回 Promise 对象。
结论
ES8 中的异步编程功能使得 JavaScript 更容易编写、阅读和维护异步代码。async/await 可以使用同步的方式编写异步代码，使得代码更易于理解。Promise.prototype.finally 可以方便地处理 Promise 对象解决或拒绝后的任务，而 Promise.try 可以自动处理同步和异步代码。这些功能可以帮助我们更好地管理异步代码，使我们的 JavaScript 代码更加优雅和高效。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/6721d9b22e7021665e090c1f