如何避免函数数组中的函数在前置函数执行完成前启动？

看起来你碰到了异步函数执行顺序的经典问题——普通for循环是同步遍历，但如果你的A3、B1这些函数是异步操作（比如带定时器、API请求或者文件读写），它们不会乖乖等前一个做完再启动，自然就会出现“抢跑”的情况。下面给你两种靠谱的解决方案，结合你的示例数组来讲解：

核心前提：确保你的函数返回Promise #

首先得确认，你的A3、B1这类函数必须是返回Promise的异步函数。如果原来的函数是回调式的，得先把它们包装成Promise版本，举个例子：

// 假设原来的A3是回调写法
function A3(num, callback) {
  setTimeout(() => {
    console.log(`A3执行完成，参数：${num}`);
    callback();
  }, 1000);
}

// 包装成Promise版本（如果已经是Promise函数可以跳过这步）
function A3(num) {
  return new Promise(resolve => {
    setTimeout(() => {
      console.log(`A3执行完成，参数：${num}`);
      resolve();
    }, 1000);
  });
}

// B1、A10、A7同理处理

方案1：用async/await配合普通for循环（最直观易读） #

把遍历逻辑放在一个async函数里，每次调用函数后用await等待它完全执行完毕，再进入下一次循环：

// 你的函数调用数组
const funcCalls = [["A3",[6]],["B1",["TEST",4,13]],["A10",[2]],["A7",[1,5]]];

// 建议维护一个函数映射表，避免全局查找的风险
const funcMap = {
  A3: A3,
  B1: B1,
  A10: A10,
  A7: A7
};

async function executeInOrder() {
  for (const [funcName, args] of funcCalls) {
    // 等待当前函数执行完成，再执行下一个
    await funcMap[funcName](...args);
    console.log(`✅ ${funcName}执行完毕，继续下一个`);
  }
  console.log("🎉 所有函数都按顺序执行完成！");
}

// 启动执行
executeInOrder();

这个写法的核心是await会暂停async函数的执行，直到当前Promise状态变为resolved，从根源上保证了函数的执行顺序。

方案2：用Promise链式调用（兼容旧环境） #

如果你的运行环境不支持ES2017的async/await，可以用reduce把函数调用串联成Promise链，前一个函数执行完才会触发下一个：

const funcCalls = [["A3",[6]],["B1",["TEST",4,13]],["A10",[2]],["A7",[1,5]]];
const funcMap = { A3, B1, A10, A7 };

// 从一个已resolved的Promise开始链式调用
funcCalls.reduce((prevPromise, [funcName, args]) => {
  return prevPromise.then(() => {
    return funcMap[funcName](...args);
  });
}, Promise.resolve())
.then(() => {
  console.log("🎉 所有函数都按顺序执行完成！");
})
.catch(err => {
  console.error("❌ 执行过程中出错：", err);
});

额外提醒 #

• 不要用forEach配合await：forEach会忽略await，依然会并行执行所有函数，达不到顺序执行的效果。
• 如果某一步出错，async/await可以用try/catch捕获，Promise链则用.catch处理，别忘记错误处理哦。

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