如何为指定JavaScript代码实现Promise，等待循环结束后输出结果

没问题！我来帮你搞定这个需求，先从修正原代码的语法错误开始，再分场景给出实现方法：

首先，你的原代码里有几处语法小问题（多余的括号、分号），先调整成可运行的基础版本：

var a = ['1']; // 假设数组长度不超过10
function addit(id) { 
  if (id == 1) { 
    a.push(id); 
  } else { 
    additagain(id); 
  } 
}
function additagain(id) { 
  a.push(id); 
}
$('.class').each(function(index) { 
  let id = index + 1; 
  addit(id); 
});

如果你的addit和additagain都是纯同步操作，其实不用Promise也能直接在循环结束后打印结果——因为jQuery的.each()是同步执行的，循环跑完后数组a就已经是最终状态了，直接加一行console.log(a)就行。

但我猜你实际场景里可能有异步操作（比如接口请求、定时器这类需要等待的任务），不然也不会想着用Promise。那下面重点讲异步场景下的Promise实现：

异步场景的Promise实现步骤 #

1. 把异步函数改成返回Promise的形式 #

假设additagain是个异步操作（比如模拟一个接口请求的定时器），我们需要让它返回一个Promise，标记异步任务的完成状态：

function additagain(id) {
  // 模拟异步操作：比如100ms后完成数组添加
  return new Promise((resolve) => {
    setTimeout(() => {
      a.push(id);
      resolve(); // 告诉Promise：我做完啦！
    }, 100);
  });
}

然后调整addit函数，让它不管是同步还是异步操作，都返回Promise，这样统一处理起来更方便：

function addit(id) {
  if (id == 1) {
    a.push(id);
    return Promise.resolve(); // 同步操作直接返回一个已完成的Promise
  } else {
    return additagain(id); // 直接返回异步操作的Promise
  }
}

2. 收集所有任务的Promise，等待全部完成 #

我们需要把.each()循环里的每个addit调用都收集成Promise数组，然后用Promise.all()来监听所有任务的完成状态，等全部搞定再打印结果：

var a = ['1'];

// 先定义好上面调整后的addit和additagain函数
function addit(id) { 
  if (id == 1) { 
    a.push(id); 
    return Promise.resolve();
  } else { 
    return additagain(id); 
  } 
}
function additagain(id) { 
  return new Promise((resolve) => {
    setTimeout(() => {
      a.push(id);
      resolve();
    }, 100);
  });
}

// 收集所有循环中的Promise任务
const taskList = [];
$('.class').each(function(index) { 
  let id = index + 1; 
  taskList.push(addit(id)); // 把每个addit的Promise放进数组
});

// 等待所有任务完成后打印最终结果
Promise.all(taskList)
  .then(() => {
    console.log('所有循环任务执行完毕！最终数组：', a);
  })
  .catch((err) => {
    console.error('执行过程中出错了：', err);
  });

核心逻辑说明 #

• Promise.all()会等待数组里的所有Promise都变成resolved状态（也就是所有任务都完成），才会执行.then()里的逻辑；如果有任何一个Promise失败（变成rejected），就会直接跳去.catch()。
• 哪怕是同步操作，我们也返回一个已完成的Promise，这样所有任务都能统一用Promise的方式处理，避免同步异步混合导致的逻辑混乱。

内容的提问来源于stack exchange，提问作者Sakura Otawa