Promise.all处理截取后的Promise数组时，却执行了原完整数组

问题原因 #

核心问题在于：Promise在创建时就会立即执行对应的异步逻辑。当你在循环里调用printer(i)并把返回的Promise推入数组时，每一次调用都会立刻启动wait(seconds)定时器；后续用splice(0,3)移除数组里的前3个Promise引用，只是切断了数组和这些Promise的关联，但已经启动的定时器和后续的console.log操作并不会被终止，所以最终还是会打印10次"Hello"。

代码修正方案 #

如果要实现只打印7次的预期，需要先筛选出要执行的任务，再创建对应的Promise，而不是先创建所有Promise再移除引用。以下是两种可行的修改方式：

方式一：直接循环后7个索引 #

async function wait(seconds) {
  return new Promise((resolve) => setTimeout(resolve, seconds * 1000));
}

async function printer(seconds) {
  await wait(seconds);
  console.log("Hello");
}

async function main() {
  const list = [];

  // 只循环后7个索引（i从3到9）
  for (let i = 3; i < 10; i++) {
    list.push(printer(i));
  }

  await Promise.all(list);
}

main();

方式二：先收集任务参数，再按需创建Promise #

这种方式更灵活，适合需要动态筛选任务的场景：

async function wait(seconds) {
  return new Promise((resolve) => setTimeout(resolve, seconds * 1000));
}

async function printer(seconds) {
  await wait(seconds);
  console.log("Hello");
}

async function main() {
  // 先收集所有要执行的参数
  const tasks = [];
  for (let i = 0; i < 10; i++) {
    tasks.push(i);
  }
  // 移除前3个任务参数
  tasks.splice(0, 3);
  
  // 基于筛选后的参数创建Promise
  const list = tasks.map(sec => printer(sec));

  await Promise.all(list);
}

main();

关键总结 #

• Promise的执行是创建即启动，无法通过移除数组中的Promise引用来终止已经开始的异步操作。
• 若要控制异步任务的执行数量，必须在创建Promise之前就完成任务筛选。

内容的提问来源于stack exchange，提问作者apes-together-strong