随着 JavaScript 语言的发展，ES11（也称为 ECMAScript 2020）引入了一些新的语法和特性，其中之一就是对 async 和 await 的进一步升级。在 ES11 中，我们可以使用 await 关键字来等待一个 Promise 对象的结果，这样就可以更加方便地编写异步代码了。
async/await 简介
在 ES7 中，JavaScript 引入了 async 和 await 关键字，这两个关键字可以帮助我们更加方便地处理异步操作。async 函数是一个返回 Promise 对象的函数，而 await 关键字可以等待一个 Promise 对象的结果。这样，我们就可以使用同步的方式编写异步代码，提高代码的可读性和可维护性。
下面是一个使用 async 和 await 的示例代码：
async function fetchData() { const response = await fetch('https://api.github.com/users/octocat'); const data = await response.json(); console.log(data); }
在这个示例代码中，我们定义了一个 fetchData 函数，它使用 fetch 方法获取 GitHub 用户 octocat 的信息，并且使用 await 等待 fetch 方法和 response.json() 方法的结果。这样，我们就可以在函数内部像使用同步代码一样使用异步操作了。
在 ES11 中使用 await
在 ES11 中，我们可以使用 await 关键字来等待一个 Promise 对象的结果，而无需将其包装在 async 函数中。这样，我们就可以更加方便地使用 await 关键字了。
下面是一个使用 await 的示例代码：
const response = await fetch('https://api.github.com/users/octocat'); const data = await response.json(); console.log(data);
在这个示例代码中，我们使用 await 等待 fetch 方法和 response.json() 方法的结果，而无需将其包装在 async 函数中。这样，我们就可以更加方便地使用 await 关键字了。
注意事项
在使用 await 关键字时，需要注意以下几个问题：
await只能在async函数中使用。如果在非async函数中使用await，会导致语法错误。await只能等待 Promise 对象的结果。如果等待的不是 Promise 对象，会导致运行时错误。- 如果等待的 Promise 对象被拒绝（rejected），
await表达式会抛出一个错误。因此，我们需要使用try...catch语句来处理这种情况。
总结
在 ES11 中，我们可以更加方便地使用 await 关键字来等待 Promise 对象的结果。这样，我们就可以更加方便地编写异步代码，提高代码的可读性和可维护性。在使用 await 关键字时，需要注意一些细节，以避免出现语法错误和运行时错误。
下面是一个完整的示例代码：
-- -------------------- ---- ------- ----- -------- ----------- - --- - ----- -------- - ----- ---------------------------------------------- ----- ---- - ----- ---------------- ------------------ - ----- ------- - --------------------- - - ------------展开代码
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6550597c7d4982a6eb936559
