如何实现函数数组的顺序异步调用？前一个函数resolve后再执行下一个

嘿，我来帮你搞定这个问题～你现在的代码里，asychFunctions用forEach直接遍历调用所有函数，这会导致所有异步请求同时发起，根本不会等前一个函数执行完再调用下一个，完全不符合你要的顺序执行要求。

下面给你两种简单靠谱的修改方案：

方案一：用async/await + for...of循环（最直观易读） #

这种写法逻辑清晰，一看就懂，非常适合日常开发：

async function asychFunctions(funcs) {
  // 用for...of遍历，而非forEach——因为forEach不支持await暂停循环
  for (const func of funcs) {
    // 等待当前函数的Promise resolve后，再执行下一个函数
    await func();
  }
}

原理很简单：async函数里可以使用await，每次循环都会暂停，直到当前func()返回的Promise完成，才会进入下一次循环，完美保证顺序执行。

方案二：用Promise.reduce（函数式风格写法） #

如果你偏好函数式编程，这种链式调用的方式也能实现需求：

function asychFunctions(funcs) {
  // 用reduce把函数数组串联成一条Promise链
  return funcs.reduce((prevPromise, currentFunc) => {
    // 前一个Promise完成后，再调用当前函数
    return prevPromise.then(() => currentFunc());
  }, Promise.resolve()); // 初始值是一个已resolve的Promise，作为链的起点
}

这里的核心是reduce会把数组逐步转换成一个Promise链：从初始的已完成Promise开始，每一步都在前一个Promise完成后执行当前函数，最终形成顺序执行的异步流。

测试验证（可选） #

如果你想确认效果，可以给myAsyncFunction加个日志输出：

function myAsyncFunction(url) {
  return new Promise((resolve, reject) => {
    const xhr = new XMLHttpRequest();
    xhr.open("GET", url);
    xhr.onload = () => {
      console.log(`请求完成: ${url}`);
      resolve(xhr.responseText);
    };
    xhr.onerror = () => reject(xhr.statusText);
    xhr.send();
  });
}

调用asychFunctions([func1, func2, func3])后，控制台会按a→b→c的顺序打印日志，说明确实是顺序执行的。

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