使用[].reduce顺序调用多个函数时的错误处理方案

嘿，这个问题我熟！当顺序执行Promise时遇到单个任务报错导致终端弹出提示，核心原因是出现了未被捕获的Promise rejection，终端会默认提示这类未处理的错误。下面给你两种常见场景的解决方案，按需选择：

场景1：出错后继续执行后续任务 #

如果你希望某个任务失败后，剩下的任务依然能继续执行，那需要给每个任务单独添加错误捕获，或者在循环中用try/catch包裹：

用async/await + for循环（推荐，代码更直观） #

async function runTasksSequentially(taskList) {
  for (const task of taskList) {
    try {
      // 执行当前任务
      await task();
      console.log('任务执行成功');
    } catch (error) {
      // 捕获并处理错误，比如打印日志但不中断流程
      console.error(`任务执行失败: ${error.message}`);
      // 如需查看错误详情，可打印error.stack
    }
  }
}

// 假设你的15个返回Promise的函数存在这个数组里
const myTasks = [task1, task2, task3 /* ... 直到task15 */];
runTasksSequentially(myTasks);

用Promise.reduce链式调用 #

如果习惯用Promise链式写法，可以在每个任务的Promise后添加catch，确保错误被捕获后链式调用不会中断：

function runTasksSequentially(taskList) {
  return taskList.reduce((prevPromise, currentTask) => {
    return prevPromise.then(() => {
      // 包裹当前任务，捕获错误后返回resolved的Promise，让链继续
      return currentTask().catch(error => {
        console.error(`任务失败: ${error.message}`);
      });
    });
  }, Promise.resolve()); // 初始化为resolved的Promise启动链式调用
}

runTasksSequentially(myTasks).finally(() => {
  console.log('所有任务执行完毕（无论成功失败）');
});

场景2：出错后立即停止后续任务 #

如果只要有一个任务失败，就想终止所有后续执行，只需要在整个执行流程的末尾统一捕获错误即可：

async function runTasksSequentially(taskList) {
  for (const task of taskList) {
    // 这里不单独捕获，出错时直接抛出
    await task();
  }
}

// 在调用时统一捕获错误，终端就不会弹出默认提示了
runTasksSequentially(myTasks)
  .catch(error => {
    console.error('执行中断，错误原因:', error.message);
  });

核心逻辑就是：不要让任何Promise的rejection处于未捕获状态，只要主动用try/catch（async/await场景）或.catch()（Promise链式场景）处理错误，终端的默认错误提示就会消失啦。

内容的提问来源于stack exchange，提问作者920smmsmsms