forEach循环完成后执行回调函数失效，请求问题原因分析

兄弟，你的问题跟箭头函数完全没关系！核心问题出在你的asyncFunction上——它压根没调用你传进去的回调参数，所以那个用来计数的逻辑永远不会触发。

咱们来拆解一下：

• 你在forEach里调用asyncFunction时，传了两个参数：item和一个用来计数的箭头函数回调
• 但你定义的asyncFunction(item)只接受一个参数，而且函数内部完全没处理这个回调，相当于你传的回调被直接忽略了，自然不会执行itemsProcessed++和后续的判断逻辑

修正步骤 #

1. 让asyncFunction接收并调用回调 #

首先修改asyncFunction的定义，让它接受第二个回调参数，并在合适的时机（异步操作完成后）调用它：

function callback () { console.log('all done'); }
// 新增done参数，用来接收回调函数
function asyncFunction(item, done) { 
  console.log("in async function, item is " + item);
  // 如果是模拟异步操作（比如接口请求、定时器），把回调放在异步任务完成后执行
  setTimeout(() => {
    done(); // 调用传入的计数回调
  }, 100);
}
var itemsProcessed = 0;
[1, 2, 3].forEach((item, index, array) => {
  asyncFunction(item, () => {
    itemsProcessed++;
    console.log("in callback area, itemsProcessed is " + itemsProcessed )
    if(itemsProcessed === array.length) {
      callback();
    }
  });
});

2. 适配真实异步场景 #

如果你的asyncFunction是真实的异步操作（比如fetch请求、Node.js的文件读取），只需要把done()放在异步操作的成功回调里即可，比如：

// 示例：用fetch模拟真实异步请求
function asyncFunction(item, done) { 
  console.log("in async function, item is " + item);
  fetch(`https://example.com/api/${item}`)
    .then(response => response.json())
    .then(data => {
      // 处理数据逻辑
      done(); // 数据处理完成后调用计数回调
    });
}

这样修改后，每次asyncFunction完成自己的逻辑后，都会触发你传入的计数回调，当所有项都处理完毕时，就会执行callback()输出"all done"了。

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