前端箭头函数如何使用async await
时间: 2024-11-22 15:20:28 浏览: 26
前端箭头函数结合`async`和`await`可以用于异步操作简化处理。在JavaScript中,当你有一个返回值是Promise的方法,你可以使用`async`关键字使其变成异步函数,然后在其内部使用`await`关键字等待Promise解析。
例如:
```javascript
// 使用 async 和 await
async function getData() {
try {
const response = await fetch('https://api.example.com/data');
if (response.ok) {
const data = await response.json();
return data;
} else {
throw new Error(`Error ${response.status}`);
}
} catch (error) {
console.error(error);
}
}
getData().then(data => {
// 成功获取数据后处理
}).catch(error => {
// 捕获并处理错误
});
```
在这个例子中,`fetch`是一个返回Promise的操作,我们通过`await`来阻塞当前代码直到数据返回。如果Promise解析成功,我们会得到JSON数据;如果有错误,会立即抛出并在`catch`块中捕获。
阅读全文