javascript - 如何让该 if 语句在其余代码运行之前完成执行？

Question

这是我在应用程序中尝试执行的操作的简单版本。我有一个 if 语句，它评估函数调用的结果，然后如果该语句返回 true 则填充一个数组。在 if 语句完全完成后，我想运行更多代码，例如 console.log，如下所示。

我知道 if 的评估需要很长时间才能完成，而 javascript 由于其异步性而只是继续到 console.log。如何让代码等待 if 语句完成？

var tabs = [];

if (isTrue()) {
    tabs.push('some string');
}

console.log(tabs[1]);

function isTrue() {
    setTimeout(function() {
        return true;
    }, 500)
}

Answer 1

您可以将代码包装在 Promise 中并通过调用 then 消耗返回值关于它:

var tabs = [];
isTrue().then(res => {
  if (res) {
    tabs.push('some string');
  }
  return tabs;
}).then(arr => {
  console.log(arr);
});



function isTrue() {
  //Just wrap your existing code in a Promise constructor
  return new Promise((resolve, reject) => {
    setTimeout(() => {
      //Pass whatever value you want to consume later to resolve
      resolve(true);
    }, 500)
  });
}