async await作用
时间: 2023-12-14 22:34:30 浏览: 68
async/await是JavaScript中处理异步操作的一种方式,它们可以让异步代码看起来像同步代码,使得代码更加易读易懂。async用于声明一个异步函数,而await用于等待一个异步操作完成并返回结果。
async函数返回一个Promise对象,可以使用then()方法或者await关键字来获取异步操作的结果。在async函数中使用await关键字可以暂停函数的执行,等待异步操作完成后再继续执行函数。如果await后面接的是一个Promise对象,那么它会等待该Promise对象的状态变为resolved,并返回Promise对象的结果。
以下是一个使用async/await处理异步操作的例子:
```javascript
async function getData() {
const response = await fetch('https://api.example.com/data');
const data = await response.json();
return data;
}
getData().then(data => {
console.log(data);
}).catch(error => {
console.error(error);
});
```
在上面的例子中,我们使用async函数声明了一个异步函数getData(),在函数中使用await关键字等待fetch()方法返回的Promise对象的结果,并使用await关键字等待response.json()方法返回的Promise对象的结果。最后,我们使用then()方法获取getData()函数返回的Promise对象的结果,并在控制台中输出数据。如果发生错误,我们使用catch()方法捕获错误并输出错误信息。
阅读全文