async和await用法
时间: 2023-11-01 13:55:45 浏览: 9
`async` 和 `await` 是 JavaScript 中用于处理异步操作的关键字。
`async` 关键字用于定义一个函数,该函数返回一个 Promise 对象。在函数内部,可以使用 `await` 关键字来等待一个 Promise 对象的结果,直到该 Promise 对象变为 resolved 或 rejected 状态。
使用 `async` 和 `await` 的语法可以使异步代码更加易读和易维护,避免了回调函数嵌套和 Promise 链式调用的问题。
以下是 `async` 和 `await` 的用法示例:
```js
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));
```
在上面的代码中,`getData` 函数使用了 `async` 关键字定义,并返回一个 Promise 对象。在函数内部,使用 `await` 关键字等待 `fetch` 函数返回的 Promise 对象和 `response.json()` 方法返回的 Promise 对象。最终,函数返回一个包含了获取到的数据的 Promise 对象。
在使用 `getData` 函数时,可以使用 `then` 方法处理 Promise 对象的结果,也可以使用 `catch` 方法处理 Promise 对象的错误。
阅读全文