当我想将数组变量作为参数传递时如何使用 Promise.all()

Question

我在使用 Promise.all() 时遇到问题。

我想将数组变量作为参数传递给 Promise.all()，如下所示。

const promArr = []
if (condition1) {
  promArr.push(() => prom1(arg1, arg2))
}
if (condition2) {
  promArr.push(() => prom2(arg1, arg2))
}
if (promArr.length > 0) Promise.all(promArr)

但即使条件全部为真，上述内容也不会运行承诺函数（prom1，prom2）。 （promArr.length 符合我的预期）

如果我将 Promise 函数直接推送到 promArr，恐怕它们在运行时会被推送到 promArr，而不是 Promise.all(promArr)。

在这种情况下如何正确使用 Promise？

Answer 1

使用promArr 变量就可以了。但是（顾名思义），它应该是一个 Promise 数组，而不是一个返回 Promise 的函数数组。

const promArr = []
if (condition1) {
  promArr.push(prom1(arg1, arg2))
}
if (condition2) {
  promArr.push(prom2(arg1, arg2))
}
return Promise.all(promArr)

如果我将 Promise 函数直接推送到 promArr，恐怕它们在运行时会被推送到 promArr，而不是 Promise.all(promArr)。

Promise.all 不会运行任何功能，你必须自己做。是的，通过在条件块内立即调用prom1 和prom2，它们将在条件评估后立即启动，但如果它们是正确异步的并且不干扰以下条件，这不是问题。请注意，它们返回的承诺尚未等待，它们将并行处理。

Answer 2

根据MDN，Promise.all() 返回单个 Promise，当可迭代参数中的所有 promise 都已解决 [...] 时，该 Promise 将解决。

尝试推送 Promise ：

promArr.push(new Promise((resolve, reject) => {
    console.log(p1, p2);
}));

如果我使用你的例子，我会得到：

const p1 = 1;
const p2 = 2;
const promArr = [];

if (condition1)
  promArr.push(new Promise((resolve, reject) => {
    console.log(p1, p2);
}));

if (condition2)
  promArr.push(new Promise((resolve, reject) => {
    console.log(p1, p2);
}));

Promise.all(promArr);

如果我将 promise 函数直接推送到 promArr，恐怕它们会运行 那时他们被推送到 promArr，而不是在 Promise.all(promArr)。

如果你想在 Promise.all 上运行所有函数，你可以这样做：

const p1 = 1;
const p2 = 2;
const promArr = [];

if (condition1)
  promArr.push(() => prom1(arg1, arg2));
if (condition2)
  promArr.push(() => prom1(arg1, arg2));

Promise.all(promArr.map((prom) => new Promise((resolve) => resolve(prom()))));

这里，.map 将函数数组转换为一个 promise 数组，然后将其提供给 Promise.all()。

这有点棘手，但它确实有效。