使用Promise.all遇问题：then未按预期等待后续Promise执行

我完全懂你的困惑！这里的核心问题其实是Promise的执行时机——你可能误以为someArray2里的Promise会等到Promise.all(someArray1)完成后才开始执行，但实际上，只要你创建了Promise（也就是调用那些返回Promise的函数），它们就会立刻启动异步操作，根本不会等你把它们放进Promise.all里，也不会等前面的.then执行完。

举个例子，假设你的代码大概是这样的：

// 这里一调用，someArrayUpdate2里的Promise就已经开始跑了！
const someArray2 = someArrayUpdate2(); 

Promise.all(someArray1)
  .then(result1 => {
    // 你以为这里才会处理someArray2，但其实它早就开始执行了
    return Promise.all(someArray2);
  })
  .then(result2 => {
    // 处理结果
  });

这就是为什么你的顺序控制没生效——someArray2里的Promise在Promise.all(someArray1)还在处理的时候就已经在跑了，.then只是等它们都跑完再拿结果，但没法控制它们的启动时机。

正确的做法：把someArrayUpdate2放进.then里 #

要让someArray2的Promise数组在Promise.all(someArray1)完成后再创建（也就是再启动异步操作），你需要把构建someArray2的逻辑移到.then的回调函数里：

Promise.all(someArray1)
  .then(result1 => {
    // 现在才构建someArray2，里面的Promise这时候才开始执行
    const someArray2 = someArrayUpdate2();
    return Promise.all(someArray2);
  })
  .then(result2 => {
    // 这里result1是someArray1的结果，result2是someArray2的结果，顺序完全可控
    // 执行TEST1的逻辑
  });

这样一来，只有当Promise.all(someArray1)成功解析、拿到result1之后，才会调用someArrayUpdate2创建someArray2里的Promise，这些Promise才会开始执行，完美实现你想要的顺序控制。

额外优化：用async/await让逻辑更直观 #

如果你觉得链式.then有点绕，用async/await语法会更清晰，逻辑和上面完全一致：

async function runTasks() {
  const result1 = await Promise.all(someArray1);
  // 等result1拿到后再创建someArray2
  const someArray2 = someArrayUpdate2();
  const result2 = await Promise.all(someArray2);
  // 执行TEST1的逻辑
}

runTasks().catch(err => console.error(err));

这样代码的执行顺序一目了然，不容易再踩Promise创建时机的坑。

内容的提问来源于stack exchange，提问作者egh.pr