在 JavaScript 中，异步编程是非常常见的。在 web 开发中，我们经常需要从服务器获取数据，或者与用户交互，这些都需要异步处理。在过去，我们使用回调函数来处理异步操作。但是，回调函数嵌套过多会导致代码难以维护。为了解决这个问题，Promise 出现了。Promise 是一种更加优雅的异步编程方式，它可以让我们更好地处理异步操作。而 ES9 中的 Async/Await 更是进一步提升了 JavaScript 异步编程的体验。
Promise
Promise 是 JavaScript 中处理异步操作的一种方式。它的基本思想是，一个 Promise 对象代表一个异步操作的最终完成或失败，并返回一个值。Promise 对象有三种状态：pending（进行中）、fulfilled（已成功）和 rejected（已失败）。当一个 Promise 对象从 pending 状态变为 fulfilled 或 rejected 状态时，它就变成了 settled 状态。
下面是一个简单的 Promise 示例：
-- -------------------- ---- -------
----- ------- - --- ----------------- ------- -- -
------------- -- -
-------------------
-- ------
---
-------------------- -- -
------------------- -- -------
---------------- -- -
-------------------
---在上面的代码中，我们创建了一个 Promise 对象，它会在 1 秒后成功，并返回一个值。然后我们使用 then 方法来处理 Promise 对象的成功状态，并输出返回的值。
Async/Await
Async/Await 是 ES9 中新增的语法，它可以让我们更加方便地处理 Promise 对象。Async/Await 是基于 Promise 的，它可以让我们用同步的方式编写异步代码。
下面是一个简单的 Async/Await 示例：
-- -------------------- ---- -------
----- -------- --------- -
----- ------- - --- ----------------- ------- -- -
------------- -- -
-------------------
-- ------
---
----- ------ - ----- --------
-------------------- -- -------
-
----------在上面的代码中，我们定义了一个名为 getData 的异步函数，它使用 await 关键字等待 Promise 对象的完成，并返回 Promise 对象的结果。在这个例子中，我们使用 setTimeout 模拟了异步操作，并返回了一个 Promise 对象。然后我们使用 await 等待 Promise 对象的完成，并将结果赋值给 result 变量。最后，我们输出 result 变量的值。
Async/Await 的优点
使用 Async/Await 可以让我们更加方便地处理异步操作。它有以下几个优点：
更加易读：Async/Await 的语法非常简洁，让代码更加易读。
更加简洁：使用 Async/Await 可以避免回调嵌套的问题，让代码更加简洁。
更加可靠：Async/Await 可以让我们更加方便地处理错误，让代码更加可靠。
总结
在 JavaScript 中，异步编程是非常常见的。Promise 是一种更加优雅的异步编程方式，它可以让我们更好地处理异步操作。而 ES9 中的 Async/Await 更是进一步提升了 JavaScript 异步编程的体验。使用 Async/Await 可以让我们更加方便地处理异步操作，让代码更加易读、简洁和可靠。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6506541695b1f8cacd243cf8