背对背JavaScript承诺执行顺序

Question

在以下代码中：

new Promise((resolve, reject) => {
    asyncFunc1(resolve,reject);
})
    .then((result) => {
        // do then1 stuff
    })
    
    
new Promise((resolve, reject) => {
    asyncFunc2(resolve,reject);
})
    .then((result) => {
        // do then2 stuff
    })

将执行 asyncfunc1（）'s .then（）在执行 asyncfunc2（）之前完成？

还是两者都会同时执行（几乎），然后他们的然后（） s在碰巧返回时执行？

如果第二个不等待第一个，除了将 asyncfunc2（）移动到 asyncfunc1（）'s 之外，是否有办法这样做。 。然后（）？

Answer 1

这两种诺言将同时执行（几乎），因为这正是JavaScript的优势之一：由于其基于回调的设计，它可以启动并等待许多同步功能（以承诺的形式）并行，而无需并行需要开发人员关心复杂的线程或类似线程的内容。

如果您想拥有 asyncfunc2 等待 asyncfunc1 的完成-us/doc/web/javascript/reference/global_objects/promise/then“ rel =” nofollow noreferrer”>然后 asyncfunc1 。

您可以轻松看到并证明，通过模拟两个需要定义时间的函数（使用SettieMout），例如：

function resolveAfter2Seconds() {
  return new Promise(resolve => {
    setTimeout(() => {
      resolve('resolved at ' + new Date().toISOString());
    }, 2000);
  });
}

function resolveAfter3Seconds() {
  return new Promise(resolve => {
    setTimeout(() => {
      resolve('resolved at ' + new Date().toISOString());
    }, 3000);
  });
}

function execPromises() {
  console.log('calling at '  + new Date().toISOString());
  resolveAfter2Seconds().then(result => console.log(result));
  resolveAfter3Seconds().then(result => console.log(result));
}

execPromises();

您将在控制台输出中看到第一个函数在启动脚本后将2秒完成2秒，另一个是3秒。启动脚本（而不是在2 + 3 = 5秒之后）。

如果要制作 asyncfunc2 等待 asyncfunc1 而无需然后，则可以使用 async /等待 关键字。

在我的示例中，函数 execpromises 然后看起来像这样（ asyncfunc2 在完成之后执行 asyncfunc1 ！）：

async function execPromises() {
  console.log('calling at '  + new Date().toISOString());
  const resultA = await resolveAfter2Seconds();
  console.log(resultA);
  const resultB = await resolveAfter3Seconds();
  console.log(resultB);
}