我如何同步这 3 个基于 Promise 的函数？

Question

我如何同步这 3 个承诺返回函数（例如在其他函数中）？ 我想获得以下输出 -> 开始 -> (2secs)..2..(3secs)..3..(4secs)..4 -> End。 我试过发电机，但我的输出不是那样的（可能我做错了什么）

function resolveAfter2Seconds() {
  new Promise(resolve => {
    setTimeout(() => {
      resolve('resolved 2');
      console.log('2')
    }, 2000);
  });
}
function resolveAfter3Seconds() {
  new Promise(resolve => {
    setTimeout(() => {
      resolve('resolved 2');
      console.log('3')
    }, 3000);
  });
}
function resolveAfter4Seconds() {
 new Promise(resolve => {
    setTimeout(() => {
      resolve('resolved 2');
      console.log('4')
    }, 4000);
  });
}

Answer 1

首先，更改函数以返回其承诺。 例如：

function resolveAfter2Seconds() {
  return new Promise(resolve => { // <------ added return statement
    setTimeout(() => {
      resolve('resolved 2');
      console.log('2')
    }, 2000);
  });
}

然后要么将承诺链接在一起

resolveAfter2Seconds()
  .then(() => resolveAfter3Seconds())
  .then(() => resolveAfter4Seconds());

或者使用 async/await 语法：

async function exampleFunction() {
  await resolveAfter2Seconds();
  await resolveAfter3Seconds();
  await resolveAfter4Seconds();
}

Answer 2

您可能想尝试链接以获得顺序输出：

resolveAfter2Seconds()
  .then(() => resolveAfter3Seconds())
  .then(() => resolveAfter4Seconds())

附注。 不要忘记让这些函数返回承诺。