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())
}