async await 封装api
时间: 2024-09-19 19:05:18 浏览: 64
`async/await` 是 JavaScript 中用于处理异步操作的一种高级语法糖,它使得异步代码看起来更像同步,提高了代码的可读性和简洁性。当需要封装 API 调用时,可以这样做:
1. 首先,定义一个 `async` 函数,这个函数前面加上 `async` 关键字表示该函数返回的是一个 Promise 对象。例如:
```javascript
async function fetchData(url) {
return new Promise((resolve, reject) => {
// 使用 fetch 或其他网络请求库获取数据
fetch(url)
.then(response => response.json())
.then(data => resolve(data))
.catch(error => reject(error));
});
}
```
2. 在这个函数内部,我们可以使用 `await` 关键字来等待 Promise 解决(成功)或拒绝(失败)。当调用 `await` 时,会暂停函数的执行直到Promise状态改变。
```javascript
async function main() {
try {
const data = await fetchData('https://api.example.com/data');
// 现在可以直接处理获取到的数据
console.log(data);
} catch (error) {
console.error('Error fetching data:', error);
}
}
main();
```
阅读全文