用async怎么拿数据
时间: 2023-09-09 20:14:42 浏览: 44
使用 async/await 操作符可以很方便地获取异步数据。在异步函数中可以使用 await 操作符等待一个 Promise 对象的解析结果。当 Promise 对象被解析为成功状态时,await 表达式会返回该 Promise 对象的结果;当 Promise 对象被解析为拒绝状态时,await 表达式会抛出一个错误。
下面是一个使用 async/await 操作符获取数据的示例:
```javascript
async function fetchData() {
const response = await fetch('https://jsonplaceholder.typicode.com/todos/1');
const data = await response.json();
return data;
}
fetchData()
.then(data => console.log(data))
.catch(error => console.error(error));
```
在上面的示例中,fetchData 函数是一个异步函数,它使用 await 操作符等待 fetch 函数返回的 Promise 对象。当 Promise 对象被解析为成功状态时,fetchData 函数使用 await 操作符等待 response.json() 方法返回的 Promise 对象,并将其解析为 JSON 数据。最后,fetchData 函数返回 JSON 数据。
在使用 async/await 操作符获取数据时,需要注意的是,异步函数中必须使用 try/catch 块来捕获 Promise 对象被拒绝时抛出的错误。