JavaScript 作为一种流行的前端编程语言，经常需要进行异步编程。ES2017 标准化带来了一些新的异步编程方式，本文将介绍这些新特性，并给出实践建议。
Async/Await
Async 和 Await 是 ES2017 引入的两个新关键字，它们可以让异步编程更加简单易懂。Async 用于定义一个异步函数，该函数返回一个 Promise 对象，而 Await 则用于等待 Promise 对象的结果。
下面是一个使用 Async/Await 的例子：
-- -------------------- ---- ------- ----- -------- --------- - ----- -------- - ----- ------------------- ----- ---- - ----- ---------------- ------ ----- - --------------------- -- - ------------------ ---------------- -- - --------------------- ---展开代码
在上面的例子中，getData 函数使用 Async 关键字定义，它返回一个 Promise 对象。在函数内部，使用 Await 关键字等待 fetch 和 response.json 的结果，这两个操作都返回 Promise 对象。当 Promise 对象 resolve 时，它们的结果将被赋值给变量 response 和 data。函数最后返回 data，promise 对象就会 resolve。
Async/Await 的好处是代码更加简洁易懂，不需要使用 Promise 的 then 和 catch 方法，而是使用 try/catch 处理异常。
Promise.finally
在 Promise 中，我们经常需要在 Promise 结束后执行一些清理工作，例如关闭文件或数据库连接。ES2017 引入了 Promise.finally 方法，它可以在 Promise 结束后执行一些代码，无论 Promise 是成功还是失败。
下面是一个使用 Promise.finally 的例子：
-- -------------------- ---- ------- ------------------ ---------------- -- - ---------------------- -- -------------- -- - --------------------- -- ----------- -- - ------------------ ----------- ---展开代码
在上面的例子中，无论 fetch 成功或失败，都会在最后执行 .finally 中的代码。
异步迭代器
ES2017 引入了异步迭代器，它可以让我们在异步操作中进行迭代。
下面是一个使用异步迭代器的例子：
-- -------------------- ---- ------- ----- -------- --------- - ----- -------- - ----- ------------------- ----- ---- - ----- ---------------- ------ ----- - ----- -------- ------------- - ----- ---- - ----- ---------- --- ----- ------ ---- -- ----- - ------------------ - - --------------------------- -- - --------------------- ---展开代码
在上面的例子中，processData 函数中使用了异步迭代器，在 for await 循环中对数据进行迭代。
总结
ES2017 标准化引入了 Async/Await、Promise.finally 和异步迭代器等新特性，使得 JavaScript 异步编程更加简单易懂。在实际开发中，我们可以根据需求选择不同的异步编程方式，提高代码的可读性和可维护性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65fe76b4d10417a2229b808b
