如何让forEach循环执行时等待后再进入下一次迭代？

为什么你的代码不生效？ #

1. forEach 会直接遍历所有元素，不会等待每个异步回调执行完成，所有异步操作会几乎同时启动。
2. setTimeout 本身不是 Promise，await setTimeout(...) 实际上是在等待一个 undefined（setTimeout 返回的是定时器ID），根本起不到延迟作用。

解决方案 #

方案1：改用for...of循环 + 延迟Promise

先封装一个延迟用的Promise函数：

function delay(ms) {
  return new Promise(resolve => setTimeout(resolve, ms));
}

然后用for...of遍历，它能正确等待每一次的await完成再进入下一次迭代：

async function processItems(items) {
  for (const item of items) {
    // 执行和设备通信的操作
    await delay(2000); // 等待2秒再处理下一个
  }
}

processItems(something);

方案2：等待设备实际响应（更可靠）

固定延迟可能不够灵活，既然设备会通过监听器返回响应，我们可以把监听逻辑包装成Promise，等待设备响应后再继续下一次循环：

// 封装等待设备响应的Promise
function waitForDeviceResponse() {
  return new Promise(resolve => {
    // 监听设备响应事件，触发后移除监听并resolve
    function handleResponse(response) {
      device.off('response', handleResponse);
      resolve(response);
    }
    device.on('response', handleResponse);
  });
}

// 处理循环
async function processItems(items) {
  for (const item of items) {
    // 发送指令给设备
    sendCommandToDevice(item);
    // 等待设备响应后再处理下一个
    const response = await waitForDeviceResponse();
    // 可在这里处理响应内容
    console.log('设备响应:', response);
  }
}

processItems(something);

如果设备存在响应超时的可能，可以给等待逻辑加超时处理，避免无限等待：

function waitForDeviceResponse(timeoutMs = 5000) {
  return new Promise((resolve, reject) => {
    const timeoutId = setTimeout(() => {
      device.off('response', handleResponse);
      reject(new Error('设备响应超时'));
    }, timeoutMs);

    function handleResponse(response) {
      clearTimeout(timeoutId);
      device.off('response', handleResponse);
      resolve(response);
    }

    device.on('response', handleResponse);
  });
}

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