async 与 await的使用
时间: 2024-09-05 20:01:04 浏览: 34
vue3 使用async await
async和await是JavaScript中用于处理异步操作的关键特性,它们通常一起使用在处理回调地狱的问题上。async关键字用于定义一个返回Promise的函数,这个函数被称为异步函数。await关键字则用于暂停当前任务,直到对应的Promise解析完成。
当你在一个async函数内部遇到await时,程序会暂停并等待那个Promise的结果。如果Promise结果是 resolved,则继续执行await后面的代码;如果Promise结果是rejected,则抛出错误。
例如:
```javascript
async function getData() {
try {
const response = await fetch('https://api.example.com/data');
if (!response.ok) {
throw new Error('Failed to load data');
}
const data = await response.json();
// 使用数据...
} catch (error) {
console.error(error);
}
}
```
在这个例子中,`getData()`函数会按顺序获取数据,如果有错误或网络请求失败,会被捕获并在catch块中处理。
阅读全文