async await 具体用法和场景
时间: 2023-08-08 19:10:41 浏览: 87
async/await 是 JavaScript 中处理异步操作的语法糖,使用它可以更加简洁地编写异步代码。
具体用法如下:
1. async 函数声明:将一个普通函数声明为 async 函数,这样函数内部就可以使用 await 关键字来暂停执行,并等待 Promise 对象的结果。
```javascript
async function myAsyncFunction() {
// 异步操作
return result; // 返回一个 Promise 对象,或者直接返回一个值
}
```
2. await 表达式:在 async 函数内部使用 await 来等待一个 Promise 对象的结果。await 关键字只能在 async 函数中使用。
```javascript
async function myAsyncFunction() {
const result = await someAsyncOperation(); // 等待异步操作的结果
// 继续执行下面的代码
}
```
场景:
1. 异步函数调用:当需要调用一个异步函数并等待其执行完成后再继续执行后续代码时,可以使用 async/await。
```javascript
async function getData() {
const response = await fetch('https://api.example.com/data'); // 等待请求返回结果
const data = await response.json(); // 等待解析 JSON 数据
console.log(data);
}
```
2. 错误处理:使用 try/catch 语句来捕获异步操作中的错误,并进行适当的处理。
```javascript
async function fetchData() {
try {
const response = await fetch('https://api.example.com/data');
const data = await response.json();
console.log(data);
} catch (error) {
console.error('Error:', error);
}
}
```
总之,async/await 提供了一种更加直观和简洁的方式来处理异步操作,使代码更易读、维护和调试。它适用于几乎所有需要处理异步操作的场景。
阅读全文