async/await的使用
时间: 2023-10-29 14:59:27 浏览: 97
深入理解ES7的async/await的用法
5星 · 资源好评率100%
async/await 是一种用于编写异步代码的语法结构,它可以使异步代码更加简洁易读。在使用 async/await 之前,我们通常使用回调函数或者 Promise 来处理异步操作,但是这种方式往往会导致代码嵌套过深、可读性差等问题。
使用 async/await 可以让我们在不使用回调函数的情况下,以同步的方式编写异步代码,使代码更加简洁易读。下面是一个使用 async/await 的示例:
```javascript
async function getData() {
try {
const response = await fetch('https://api.example.com/data');
const data = await response.json();
console.log(data);
} catch (error) {
console.error(error);
}
}
getData();
```
在上面的代码中,我们定义了一个名为 `getData` 的异步函数,该函数使用 `await` 关键字来等待 `fetch` 方法返回的 Promise 对象和 `response.json()` 方法返回的 Promise 对象执行完毕。在执行过程中,如果出现错误,我们使用 `try...catch` 语句来捕获错误并进行处理。
需要注意的是,使用 async/await 时,必须将异步代码包裹在一个异步函数中,因为 `await` 关键字只能在异步函数中使用。
阅读全文