如何在同步模式下调用javascript函数

Posted 2021-04-21

我有以下javascript代码，我想要同步调用它们，例如1,2,3,4。请提出解决方案。我可以在其中使用async和await关键字吗？

function first(){
setTimeout(function(){
 console.log('1');
 },500)
}
function second(){
 console.log('2');
}

function third(){
setTimeout(function(){
console.log('3');
},502)
}

function four(){
setTimeout(function(){
console.log('4');
},501)
}

first();
second();
third();
four();

答案

如果你想能够使用async / await，你唯一需要的就是promises（当然也支持async / await）。

因此，根据您的示例，下面的解决方案应该可行。

function first() {
  return new Promise((resolve, reject) => setTimeout(() => {
    console.log('1');
    resolve();
  },500)
}

(async () => {
  await first();
})()