async await js
时间: 2024-07-18 22:01:45 浏览: 103
vue3 使用async await
在JavaScript中,`async`和`await`是用于处理异步操作的关键特性。`async`关键字定义了一个函数可以返回一个Promise,而`await`允许我们暂停并等待Promise的结果再继续执行。
**基本使用示例**:
```javascript
// 使用async/await
async function getData() {
try {
const response = await fetch('https://api.example.com/data');
if (!response.ok) {
throw new Error(`Error! Status code: ${response.status}`);
}
const data = await response.json();
return data;
} catch (error) {
console.error(error);
}
}
getData().then(data => console.log(data));
```
在这个例子中,`fetch`是一个异步操作,通过`await`我们可以让代码暂停直到它完成。如果`fetch`失败(即`response.ok`为假),`throw`会被捕获并显示错误。
**错误处理**:
由于`await`后的Promise可能抛出异常,通常建议将它包裹在`try...catch`块中,以优雅地处理可能出现的错误[^1]:
```javascript
// 异常处理
async function safeGetData() {
try {
const data = await getData();
// 处理成功情况...
} catch (error) {
// 处理错误情况...
}
}
```
这样可以确保即使异步操作出错,程序也不会立即崩溃,而是提供了一个安全的方式来处理错误。
阅读全文