如何用新数组更新 Promise.all？

Question

在下面的代码中，我想执行a、b 和c，但随后是a1，因为a1 被添加到a 中。但是，看起来 Promise.all 并没有更新为添加了新的 a1。最好的方法是什么？有Promise 全部更新吗？我尽量不在a 内做await a1。

var arr = [];

async function a() {
  return new Promise(resolve => {
    setTimeout(() => {
    console.log("Resolve a");
    arr.push(a1);
    resolve(1);
    }, 2000);
  });
}

async function b() {
  return new Promise(resolve => {
    setTimeout(() => {
    console.log("Resolve b");
    resolve(2);
    }, 4000);
  });
}

async function c() {
  return new Promise(resolve => {
    setTimeout(() => {
    console.log("Resolve c " + arr.length);
    resolve(3);
    }, 6000);
  });
}

async function a1() {
  return new Promise(resolve => {
    setTimeout(() => {
    console.log("Resolve a1");
    resolve(11);
    }, 2000);
  });
}

arr = [a(), b(), c()];

(async function run() {
  await Promise.all(arr);
})();


console.log('Done');

Answer 1

首先，你推 a1 我认为你想推 a1() - 否则你推的是一个功能，而不是一个承诺

但这不会改变任何事情，因为传递给 Promise.all 的数组是（在我见过的每个库中）复制的（使用 Array#slice），所以对传入数组的任何更改都不会“可见” " 到 Promise.all（内部）代码

但是，您可以创建一个函数，在数组上递归调用 Promise.all，直到结果的长度等于数组的（当前，新）长度

var recursiveAll = a => Promise.all(a).then(r => r.length == a.length ? r : recursiveAll(a));

var arr = [];

async function a() {
  return new Promise(resolve => {
    setTimeout(() => {
    console.log("Resolve a");
    arr.push(a1());
    resolve(1);
    }, 200);
  });
}

async function b() {
  return new Promise(resolve => {
    setTimeout(() => {
    console.log("Resolve b");
    resolve(2);
    }, 400);
  });
}

async function c() {
  return new Promise(resolve => {
    setTimeout(() => {
    console.log("Resolve c " + arr.length);
    resolve(3);
    }, 600);
  });
}

async function a1() {
  return new Promise(resolve => {
    setTimeout(() => {
    console.log("Resolve a1");
    resolve(11);
    }, 200);
  });
}

arr = [a(), b(), c()];

(async function run() {
  let results = await recursiveAll(arr);
  console.log(results);
})();

Answer 2

有趣的问题...

你确实可以在运行中修改Promise.all()，用另一个promise替换一个promise，即使新插入的promise解决了最新的。

在下面的示例中，promise three 将用一个新的 Promise 替换自己，该 Promise 将在 2000 毫秒后解析，Promise.all() 将等到它解析到将其解析值包含到提供给 .then() 的数组中阶段。

var fun   = _ => new Promise((v,x) => setTimeout(v,2000,5)),
    one   = new Promise((v,x) => setTimeout(v,1000,1)),
    two   = new Promise((v,x) => setTimeout(v,2000,2)),
    three = new Promise((v,x) => setTimeout(v,3000,fun())),
    four  = new Promise((v,x) => setTimeout(v,4000,4));
Promise.all([one,two,three,four])
       .then(a => console.log(a));  

请等待 5 秒以查看结果。