JS怎么等待一个异步任务的返回值
时间: 2024-02-24 13:57:17 浏览: 62
异步数据加载时,所用的等待组件,JS源码,类似于UI Block
3星 · 编辑精心推荐
JS可以使用`async/await`来等待一个异步任务的返回值。具体实现步骤如下:
1.将异步任务封装在一个函数中,并在函数前加上`async`关键字,使之成为一个异步函数。
2.在调用异步函数的地方,使用`await`关键字来等待异步任务的返回值。
例如,以下代码展示了如何等待一个异步函数`getData()`的返回值:
```
async function myFunction() {
const data = await getData();
console.log(data);
}
function getData() {
return new Promise(resolve => {
setTimeout(() => resolve('hello world'), 2000);
});
}
myFunction();
```
在上述代码中,`myFunction()`是一个异步函数,使用`await`等待`getData()`函数的返回值。在`getData()`函数中使用`Promise`来模拟异步任务的执行,在2秒钟后返回字符串`hello world`。当`getData()`函数返回值后,`await`将返回值赋值给`data`,并输出到控制台中。
阅读全文