为什么 async 之后的语句在带有 async 函数的语句之前执行？

Question

function renderLoader() {
    console.log("Loading");
}

function getResults() {
    setTimeout(myTimeout, 3000)
}  

function myTimeout() {
    console.log("The Results");
}

function clearLoader() {
   console.log("Loading over");
}

const controlSearch = async () => {
    renderLoader();
    await getResults();
    clearLoader();
}

controlSearch();

我是异步/等待的新手。我预计上述代码的结果是

Loading  //then wait for 3 seconds
Results
Loading over

但它却产生了这个，

Loading
Loading over //then wait for 3 secs
Results

我不明白我做错了什么？

Answer 1

await/async 玩承诺。照原样，getResults 同步返回 undefined，而它应该返回 Promise，await 将，嗯，等待：

function getResults() {
  return new Promise((resolve) => {
    setTimeout(() => {
      myTimeout();
      resolve();
    }, 3000)
  });
}

或者：

function getResults() {
  return new Promise((resolve) => {
    setTimeout(resolve, 3000)
  }).then(myTimeout);
}

见https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/await。