async await 的用法及案例
时间: 2023-08-13 16:08:23 浏览: 106
当使用异步函数时,我们通常会结合 `async` 和 `await` 关键字来管理异步操作。
首先,使用 `async` 关键字来定义一个异步函数。这样的函数会自动返回一个 Promise 对象。
然后,在异步函数中,可以使用 `await` 关键字来等待一个异步操作的完成,它会暂停函数的执行,直到异步操作返回结果。
下面是一个简单的示例,展示了 `async` 和 `await` 的用法:
```javascript
// 异步函数
async function getData() {
// 模拟一个异步操作
return new Promise((resolve) => {
setTimeout(() => {
resolve("Data fetched successfully.");
}, 2000);
});
}
// 使用 await 等待异步操作完成
async function fetchData() {
try {
const result = await getData();
console.log(result);
} catch (error) {
console.error("Error:", error);
}
}
// 调用异步函数
fetchData();
```
在上面的示例中,`fetchData` 函数是一个异步函数。它使用 `await` 等待 `getData` 函数的执行结果,并在结果返回后打印出来。注意,`await` 必须在异步函数内部使用。
当 `getData` 函数返回结果后,`await` 表达式会将结果赋值给 `result` 变量。
如果异步操作抛出了异常,可以使用 `try/catch` 块来捕获和处理错误。
希望这个示例能够帮助您理解 `async` 和 `await` 的用法。如果还有其他问题,请随时提问!
阅读全文