Promises 是一种非常强大的解决异步编程的方式，它们被广泛地应用于前端和后端开发。ES6 带来了原生的 Promises API，但是使用起来还是有一些限制的。随着 async/await 进入标准，我们可以用更加方便和易于理解的方式来处理异步流程。
在本文中，我将带领你深入探讨 ES8 中的 async/await 和如何使用它们构建自己的 Promises。
async/await 简介
ES8 中的 async/await 是 Promise API 的语法糖，它使得异步编程更加清晰和易于理解。async 和 await 关键字只是一种函数标记的方式，它们并不是新的语言特性。
async 关键字用来标记一个函数是异步的。在该函数内部，可以使用 await 来等待 promise 的解决或拒绝，然后再继续函数的执行。async 函数总是返回一个 Promise 对象，即使它没有显式返回一个值。
下面是一个使用 async/await 的例子：
----- -------- --------- - ----- -------- - ----- -------------------------------------- ----- ---- - ----- ---------------- ------ ----- - ------------------- -- ------------------------------ -- ----------------------
这里的 getData 函数使用了 async 标记，它等待 fetch 请求和 json 解析完成，然后返回解析后的数据。在使用函数时，我们可以像处理普通的 Promise 一样使用 then 方法和 catch 方法来处理返回结果和错误。
使用 async/await 构建 Promises
现在我们已经了解了 async/await 的用法，在此基础上，我们可以使用它们来构建自己的 Promises，以便更好地解决异步任务的问题。
下面是一个使用 async/await 构建 Promise 的例子：
-------- ------------ - -- - ------ --- --------------- -- ------------------- ---------- - ----- -------- ---------- - --------------------------- ----- ----------- ----------------- ------ ----- ----------- ----------------- ------ ----- ----------- ----------------- -------- -------------------- - -----------
在这个例子中，我们首先定义了一个 wait 函数，它返回一个等待指定时间的 Promise。接下来，我们定义了一个 async 函数 runTasks，它使用了 wait 函数来模拟三个异步任务，并依次输出它们的结果。当所有任务完成后，函数会输出 Done。
这里的关键就在于 await 的使用，它可以让我们按照顺序执行异步任务。当我们使用一个类似于 wait 的函数时，它会返回一个 Promise，然后 await 等待它的解决或拒绝，然后再继续执行下一步。
结论
在本文中，我们介绍了 async/await 的基本用法和如何使用它们构建自己的 Promises。这样我们就可以更加清晰和简单地处理异步编程了。虽然使用 Promises 是一种非常强大的方式，但是使用 async/await 可以让我们更加自然地写出符合逻辑和清晰的代码。
如果你想更加深入地学习 async/await，可以参考 MDN docs 中该主题的详细解释和其他使用方法。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/6735e59a0bc820c582511570