随着 JavaScript 应用的复杂性不断增加，异步编程变得越来越重要。在 ECMAScript 2017 (ES8) 中，有一些新的异步特性被引入，这些特性旨在使异步编程更加安全和易于理解。在本篇文章中，我们将详细讨论这些新特性，并提供一些示例代码和指导意义。
Async/Await
ES8 引入了 async/await 关键字，它们是一种更加直观和易于理解的异步编程方式。async 函数返回一个 Promise 对象，而 await 表达式会阻塞代码执行，直到 Promise 完成并返回结果。
下面是一个简单的示例，展示了如何使用 async/await 处理异步代码：
----- -------- ----------- - ----- -------- - ----- ------------------------------------------------------ ----- ---- - ----- ---------------- ------------------ - ------------
在上面的代码中，我们定义了一个 fetchData 函数，该函数使用 async 关键字标记。在函数内部，我们使用 await 表达式等待 fetch 和 response.json() 方法的完成，并将结果存储在 response 和 data 变量中。最后，我们将 data 打印到控制台。
使用 async/await 可以使异步代码更加易于理解和维护。但需要注意的是，async 函数始终返回一个 Promise 对象，即使没有显式地使用 return 语句。
Promise.prototype.finally()
在 ES8 中，Promise 原型链上新增了一个 finally() 方法。该方法接受一个回调函数，在 Promise 完成或拒绝后始终被调用。
下面是一个示例，展示了如何使用 finally() 方法：
----------------------------------------------------- -------------- -- ---------------- ---------- -- ------------------ ------------ -- --------------------- ----------- -- ---------------------
在上面的代码中，我们使用 fetch 方法获取数据，并使用 Promise 链式调用处理结果。如果 Promise 被拒绝，我们将错误打印到控制台。无论 Promise 是完成还是被拒绝，finally() 方法始终被调用，并将消息“请求完成”打印到控制台。
使用 finally() 方法可以在 Promise 完成或拒绝后执行一些清理工作，例如关闭数据库连接或释放资源。
Object.values() 和 Object.entries()
ES8 中，Object 原型链上新增了两个方法：Object.values() 和 Object.entries()。这些方法可以使我们更轻松地操作对象的值和键值对。
Object.values() 方法返回一个包含对象所有可枚举属性值的数组。下面是一个示例：
----- --- - - -- -- -- -- -- - -- ----- ------ - ------------------- -------------------- -- --- -- --
Object.entries() 方法返回一个包含对象所有可枚举属性键值对的数组。下面是一个示例：
----- --- - - -- -- -- -- -- - -- ----- ------- - -------------------- --------------------- -- ------ --- ----- --- ----- ---
使用 Object.values() 和 Object.entries() 可以使我们更方便地操作对象的值和键值对，并且可以使用数组的方法进行操作。
总结
在 ECMAScript 2017 (ES8) 中，我们看到了一些新的异步编程特性，例如 async/await 和 Promise.prototype.finally() 方法。此外，Object.values() 和 Object.entries() 方法可以使我们更轻松地操作对象的值和键值对。这些新特性可以使我们更轻松地编写异步代码，并使代码更加易于理解和维护。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65f396d42b3ccec22fc0aa2d