js 中async和await的用法
时间: 2023-07-21 20:11:48 浏览: 123
async 和 await 是 JavaScript 中用于处理异步操作的关键字。
async 关键字用于定义一个异步函数,它可以在函数内部使用 await 来等待一个 Promise 对象的结果。异步函数会返回一个 Promise 对象,可以使用 then() 方法来处理它的结果,也可以使用 await 关键字来直接获取异步操作的结果。
await 关键字用于等待一个 Promise 对象的结果,它只能在异步函数内部使用。当遇到 await 关键字时,代码会暂停执行,直到该 Promise 对象被解析(resolved)为止。await 关键字后面通常跟着一个 Promise 对象,但也可以跟着任何具有 then() 方法的对象。
下面是一个简单的示例,演示了 async 和 await 的用法:
```javascript
async function fetchData() {
// 使用 await 等待异步操作的结果
const response = await fetch('https://api.example.com/data');
const data = await response.json();
// 处理获取到的数据
console.log(data);
}
// 调用异步函数
fetchData()
.then(() => {
console.log('数据获取完成');
})
.catch((error) => {
console.error('数据获取失败:', error);
});
```
在上面的示例中,fetchData 函数是一个异步函数,其中使用了 await 来等待 fetch 请求的结果,并使用 await 来等待响应数据的解析。调用 fetchData 函数后,可以使用 then() 方法来处理异步操作的结果,也可以使用 catch() 方法来处理错误。
需要注意的是,在使用 await 关键字时,要确保它在异步函数内部使用,并且该函数前面要加上 async 关键字。
阅读全文