js实现async await思路
时间: 2024-10-17 21:01:29 浏览: 17
JavaScript实现`async/await`主要通过定义一个`async`函数来创建异步操作,该函数内部可以使用`await`关键字暂停执行直到所等待的Promise解析。下面是一个简单的示例:
```javascript
// 引用[1]: 使用async/await模拟异步操作
function asyncFunction() {
// 使用async关键字声明函数为异步
async function getData() {
return new Promise((resolve, reject) => {
// 使用setTimeout模拟延迟加载数据
setTimeout(() => resolve("data"), 1000);
});
}
// 使用await关键字等待getData完成
const data = await getData();
// 打印获取到的数据
console.log(data); // "data"
}
// 调用asyncFunction启动异步流程
asyncFunction();
```
另一个示例展示了如何使用`async`函数和`await`获取数据:
```javascript
// 引用[2]: 直接使用await和Promise
const getData = () => new Promise(resolve => setTimeout(resolve, 1000, "data"));
async function getAndPrintData() {
try {
// 使用await等待getData的结果
const data = await getData();
console.log(data); // "data" (1秒后打印)
} catch (error) {
console.error(error);
}
}
getAndPrintData(); // 立即开始,1秒后打印结果
```
阅读全文