什么是 async/await?
在 ES7（ECMAScript 2017）中，async 和 await 是两个新的关键字，它们可以帮助我们更加方便地处理异步操作。async 关键字用于修饰一个函数，使其返回值为一个 Promise 类型。而在 async 函数中，我们可以使用 await 关键字来等待一个异步操作的结果。
举个例子，使用 Promise 来处理异步操作的代码可能是这样的：
function getData() {
return fetch('https://api.example.com/data')
.then(response => response.json())
.then(data => {
console.log(data);
})
.catch(error => console.error(error));
}而使用 async/await 处理异步操作的代码就可以简洁很多：
-- -------------------- ---- -------
----- -------- --------- -
--- -
----- -------- - ----- --------------------------------------
----- ---- - ----- ----------------
------------------
- ----- ------- -
---------------------
-
-如何使用 async/await?
使用 async/await 来处理异步操作的基本流程如下：
将需要异步处理的代码放在一个 async 函数中。
在 async 函数中使用 await 关键字等待异步操作的结果。
捕获异步操作可能抛出的错误。
在上面的示例代码中，我们将 fetch 请求和 json 解析都放在了 async 函数中，并使用了两个 await 关键字，等待实际请求和解析操作完成。
需要注意的是，使用 async/await 来处理异步操作需要将函数的返回值设置为 Promise 对象。在示例代码中，我们使用 async 关键字来修饰了函数，这样就可以让函数返回一个 Promise 对象。在函数执行完毕之后，Promise 对象的状态会自动从 "pending" 变为 "resolved"，同时 Promise 对象的值也会被设置为函数的返回值。
使用 async/await 的优点
使用 async/await 来处理异步操作有如下优点：
代码更加简洁易懂：使用 async/await 可以让异步操作的代码写起来更加简洁易懂，避免了 Promise 中的 then() 和 catch() 导致的回调嵌套。
可读性更强：在使用 async/await 的代码中，代码的执行顺序更加清晰，有助于提高代码的可读性，降低代码维护的难度。
错误处理更加方便：使用 try-catch 语句可以方便地捕获异步操作中抛出的错误。
总结
在 ES7 中，async/await 是处理异步操作的新方式，可以让异步操作的代码更加简洁易懂，同时也可以提高代码的可读性和错误处理的方便性。使用 async/await 可以让我们更加轻松地处理异步操作。
示例代码：
-- -------------------- ---- -------
----- -------- --------- -
--- -
----- -------- - ----- --------------------------------------
----- ---- - ----- ----------------
------------------
- ----- ------- -
---------------------
-
-来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6464a92e968c7c53b058aa1f