for循环中的promises

for 循环中的 Promise 是一种处理异步操作的常见模式，尤其在 JavaScript 中。以下是关于这个话题的基础概念、优势、类型、应用场景以及可能遇到的问题和解决方案。

基础概念

在 JavaScript 中，Promise 是一种表示异步操作最终完成或失败的对象。for 循环是一种基本的控制结构，用于重复执行一段代码。当在 for 循环中使用 Promise 时，通常是为了顺序执行一系列异步任务。

优势

顺序执行：确保每个异步任务在前一个任务完成后才开始。
错误处理：可以集中处理所有异步操作中的错误。
代码可读性：通过 for 循环结构，代码逻辑更加清晰。

类型

主要分为两种类型：

顺序执行：每个 Promise 在前一个完成后才开始。
并行执行：所有 Promise 同时开始，但结果按顺序处理。

应用场景

数据抓取：按顺序从多个 API 获取数据。
文件处理：依次读取或写入多个文件。
任务调度：按顺序执行一系列后台任务。

示例代码（顺序执行）

async function processTasks(tasks) {
  for (const task of tasks) {
    try {
      const result = await task(); // 等待当前任务完成
      console.log(result);
    } catch (error) {
      console.error(`Error processing task: ${error}`);
    }
  }
}

const tasks = [
  () => new Promise((resolve) => setTimeout(() => resolve('Task 1'), 1000)),
  () => new Promise((resolve) => setTimeout(() => resolve('Task 2'), 500)),
  () => new Promise((resolve, reject) => setTimeout(() => reject('Task 3 failed'), 200))
];

processTasks(tasks);

可能遇到的问题及解决方案

问题1：性能问题

原因：如果每个任务耗时较长，顺序执行会导致整体时间增加。

解决方案：

考虑是否可以并行执行任务。
使用更高效的算法或优化任务本身。

问题2：错误处理

原因：某个任务失败可能导致后续任务无法执行。

解决方案：

在 catch 块中处理错误，并决定是否继续执行后续任务。
使用 Promise.allSettled 来处理所有任务，无论成功与否。

async function processTasksWithAllSettled(tasks) {
  const results = await Promise.allSettled(tasks.map(task => task()));
  results.forEach((result, index) => {
    if (result.status === 'fulfilled') {
      console.log(`Task ${index + 1} succeeded:`, result.value);
    } else {
      console.error(`Task ${index + 1} failed:`, result.reason);
    }
  });
}