为什么要达到此输出？

Question

谁能告诉我为什么这段代码会输出以下内容？我完全迷失在异步函数上，几乎要放弃了。

第一个等待按照我的预期执行，并在执行前等待 1 秒。然而，不知怎的，301 是在执行之前在 then 之前输出的，这似乎完全违背了 then 的字面定义。 Done 被输出，然后以某种方式返回并执行第二个 then 语句。

async function test() {

  const promise1 = await new Promise((resolve, reject) => {
    setTimeout(() => {
      resolve('foo');
      console.log('First await executed')
    }, 1000)
  }).then(() => {
    new Promise((resolve, reject) => {
      setTimeout(() => {
        resolve('foo');
        console.log("This was executed")
      }, 1000)
    })
  }).then(() => Promise.resolve(301));

  console.log(promise1)

  await setTimeout(() => console.log(1000), 1000)

  console.log("Done");
}

test()