js中async/awit的用法
时间: 2023-10-11 20:06:52 浏览: 185
async/await 是 JavaScript 中处理异步操作的一种语法糖,它可以使异步代码看起来更像同步代码,更易于阅读和编写。
在使用 async/await 时,需要将异步操作封装在一个 async 函数中。async 函数会返回一个 Promise 对象,当函数执行完成时,Promise 对象会 resolve,并返回函数的返回值。而在 async 函数中,可以使用 await 关键字来等待一个 Promise 对象的解决(resolve)。
下面是 async/await 的用法示例:
```javascript
async function getData() {
try {
const response = await fetch('https://api.example.com/data'); // 等待 fetch 请求的返回结果
const data = await response.json(); // 等待将响应转换为 JSON 格式的数据
console.log(data); // 输出数据
} catch (error) {
console.error(error); // 捕获并处理错误
}
}
getData();
```
在上述示例中,我们定义了一个名为 `getData` 的 async 函数。在函数内部,我们使用了两次 await 关键字来等待异步操作的完成。首先,我们使用 await 等待 fetch 请求的返回结果(即一个 Promise 对象),然后使用 await 等待将响应转换为 JSON 格式的数据。最后,我们打印出获取到的数据。如果发生了错误,我们使用 try-catch 语句来捕获并处理异常情况。
需要注意的是,await 关键字只能在 async 函数内部使用,而且 async 函数必须使用 await 关键字来等待一个 Promise 对象的解决。
阅读全文