在 JavaScript 中，异步编程是非常重要的。在过去，我们通常使用回调函数和 Promise 来处理异步代码。但是，ES7 中引入了一个新的关键字 await，它可以使异步编程更容易和更直观。
什么是 await？
await 关键字只能在 async 函数中使用。它的作用是等待一个 Promise 对象的解决，并返回 Promise 的解决值。在等待期间，async 函数会暂停执行，直到 Promise 解决。
await 的语法
await 关键字紧接着一个 Promise 对象，例如：
async function getData() {
const response = await fetch('https://jsonplaceholder.typicode.com/todos/1');
const data = await response.json();
console.log(data);
}在上面的示例中，我们使用 await 关键字等待 fetch() 方法返回一个 Promise 对象。一旦 Promise 解决，我们使用 await 关键字获取解决值并将其转换为 JSON 格式。
await 的优点
使用 await 关键字可以使异步编程更加容易和直观。它可以帮助我们避免回调地狱和 Promise 链式调用。此外，使用 await 关键字可以使我们的代码更加清晰和易于维护。
await 的注意事项
虽然 await 关键字使异步编程更容易，但它也有一些注意事项：
- await 关键字只能在 async 函数中使用。
- await 关键字必须紧接着一个 Promise 对象。
- 如果 Promise 对象被拒绝，await 关键字将抛出一个错误。
- 如果你想在 async 函数中使用 await，你必须将该函数声明为 async。
示例代码
下面是一个使用 await 关键字获取数据的示例：
-- -------------------- ---- -------
----- -------- --------- -
--- -
----- -------- - ----- ------------------------------------------------------
----- ---- - ----- ----------------
------------------
- ----- ------- -
---------------------
-
-在上面的示例中，我们使用 try/catch 语句来捕获可能的错误。如果 Promise 对象被拒绝，await 关键字将抛出一个错误并被 catch 语句捕获。
结论
在 ES7 中，await 关键字使异步编程更容易和更直观。它可以帮助我们避免回调地狱和 Promise 链式调用。如果你想更好地掌握 JavaScript 异步编程，你应该学习使用 await 关键字。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67467d70e504cb428eb4a176