在 JavaScript 开发中，异步函数是一种非常重要的语言特性。ES7 引入的 Async/Await 这一异步函数的语法糖则极大地简化了异步操作
本文将介绍 ES7 异步函数 Async/Await 的使用方法，并提供一些常见用例。
Async/Await 是什么？
Async/Await 是 ES7 引入的异步函数语法糖，旨在优化 Promise 的使用体验。
Async 表示函数是异步函数，返回值为一个 Promise，而 Await 则表示执行该函数时会暂停程序执行，直到该异步函数返回结果。
例如，以下是一个使用 Async/Await 完成异步操作的代码例子：
-- -------------------- ---- -------
----- -------- ------
----- ---- - ----- ---------
-----------------
-
-----
-------- ----------
------ --- ----------------- ------- -- -
------------- -- -
---------------
-- -----
--
-getData() 函数返回的是一个 Promise 对象，foo() 函数声明时加上了 async 关键字，表示该函数是一个异步函数，并会返回一个 Promise 对象。
而在 foo() 函数体内，通过 await 关键字让程序等待 getData() 函数执行完毕，并且可以使用该函数异步返回的数据。
Async/Await 的优势
在异步编程中，线性化代码十分重要。Async/Await 可以让异步操作的代码在逻辑上保持线性化，并且在一定程度上简化传统的 Promise 代码写法。使用 Async/Await，我们能更加自然、清晰地表达自己的代码意图。
以下是一个 HTTP 请求的使用 Async/Await 与 Promise 的异同例子：
-- -------------------- ---- -------
---- -------
-------- ----------
------ --------------------------------
--------- -- -----------
------------ -- ----------------------- -------
-------------- -- ----------------------- -----------
-
---------
---- -----------
----- -------- ----------
--- -
----- --- - ----- --------------------------------
----- -------- - ----- ----------
----------------------- ---------
- ----- --------
----------------------- ------
-
-
---------可以看到，使用 Async/Await 比 Promise 更接近于同步代码的表达方式，使得我们可以更加自然地书写异步逻辑代码。
Async/Await 的常见用例
Async/Await 的常见应用场景包括：
1. 请求 API
async function fetchData(){
const response = await fetch('/data')
const data = await response.json()
console.log(data)
}
fetchData()2. Promise 链
-- -------------------- ---- -------
----- -------- ------
----- ---- - ----- ---------
----- ------------- - ----- -----------------
--------------------------
-
-------- ----------
------ --- ----------------- ------- -- -
------------- -- -
---------------
-- -----
--
-
-------- ------------------
------ --- ----------------- ------- -- -
------------- -- -
------------------ ---------
-- -----
--
-
-----3. 多个异步操作的同时执行
-- -------------------- ---- -------
----- -------- --------------------
----- -------- - ---------------
--------- -- -----------
----- -------- - ---------------
--------- -- -----------
----- ------- ------ - ----- ---------------------- ----------
------------------ ------
-
-------------------结论
通过本文的介绍，我们可以理解 Async/Await 写出的异步代码几乎像同步代码一样，执行过程也是一样的。在异步编程中，我们应当根据实际情况使用不同的方式。Async/Await 已然成为异步编程的替代品，应该在日常开发中得到越来越广泛的应用。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6728cf6a2e7021665e21c2a5