在同一个异步函数中使用多个setTimeout/Timer重置[重复]

Question

在尝试理解async/await时，我尝试了这段代码，但它的行为与我预期的不一样。

let test = async function () {
  let result = new Promise((resolve, reject) => {
    setTimeout(() => resolve('done1'), 2000)
  })

  let result2 = new Promise((resolve, reject) => {

    setTimeout(() => resolve('done2'), 2500)
  })

  let x1 = await result
  console.log(x1)


  let x2 = await result2
  console.log(x2)

}

test()

我希望控制台在2秒后显示done1，然后在done1后2.5秒显示done2。相反，它在2秒内显示done1，在那之后0.5秒显示done2。为什么它会这样，因为我在显示第一个之后等待第二个setTimeout？

Answer 1

当您创建一个new Promise时，它开始运行它的代码。当您在里面有setTimeout时，计时器实际上正在运行。当您在调用Promise之前使用wait时，它会等待，直到promise将被解决或拒绝，然后工作。

你需要创造每一个promise，然后等待它。

let test = async function () {

  let result = new Promise((resolve, reject) => {
    setTimeout(() => resolve('done1'), 2000);
  });
  
  let x1 = await result;
  console.log(x1);

  let result2 = new Promise((resolve, reject) => {
    setTimeout(() => resolve('done2'), 2500);
  });

  let x2 = await result2;
  console.log(x2);

}

test()