自学内容网 自学内容网

Javascript 普通非async函数调用async函数

假设我们有一个异步函数

async function asyncFunction() {
    console.log("开始执行异步函数");
    await new Promise(resolve => setTimeout(resolve, 1000)); // 模拟异步操作
    console.log("异步函数执行完毕");
}

我们在调用这个异步函数时,比如在一个普通函数里调用它

for(var i=0; i< 10; i++)
{
    await asyncFunction()
}

可能会遇到这个错误:

仅允许在异步函数和模块顶级使用 "await"

这是因为async 函数是异步函数,它返回一个 Promis,await必须与async一同出现。所以这里普通函数无法调用它。

解决方法是使用.then()

我们新建一个普通非async函数

function myFunction() {
    console.log("开始调用异步函数");
    asyncFunction().then(() => {
        console.log("异步函数调用完毕");
    });
}

for(var i=0; i< 10; i++)
{
    myFunction()
}

这样就可以了,如果需要有返回值:

function myFunction() {
    let result = "";
    console.log("开始调用异步函数");
    asyncFunction().then((re) => {
        result = re; //不要在then里直接返回,否则仍然是Promise对象
        console.log("异步函数调用完毕");
    });
    return result; 
}

for(var i=0; i< 10; i++)
{
    console.log(myFunction())
}


原文地址:https://blog.csdn.net/y523648/article/details/142793859

免责声明:本站文章内容转载自网络资源,如本站内容侵犯了原著者的合法权益,可联系本站删除。更多内容请关注自学内容网(zxcms.com)!