如何创建可执行函数数组中所有函数的组合函数？

你可以通过以下几种方式实现无需手动维护索引的函数合并：

1. 使用 Array.prototype.forEach #

这是最简洁的实现方式，无需手动管理索引，直接遍历数组执行每个函数：

const fn = () => {
  arr.forEach(func => func());
};

2. 递归实现 #

通过递归逻辑逐个调用数组中的函数，直到处理完所有元素：

const fn = () => {
  const execute = (index = 0) => {
    if (index >= arr.length) return;
    arr[index]();
    execute(index + 1);
  };
  execute();
};

这里虽用到索引，但无需手动编写循环递增逻辑，递归会自动推进执行流程。

3. 使用 reduce 进行函数嵌套组合 #

通过 reduce 将数组中的函数逐步嵌套合并为一个单一函数，调用时会依次执行所有原函数：

const fn = arr.reduce((combined, current) => {
  return () => {
    combined();
    current();
  };
}, () => {}); // 初始值设为空函数，避免首次调用出错

这种方式完全通过函数嵌套实现合并，最终生成的函数会按原数组顺序依次执行所有函数。

4. 使用 Array.prototype.map 遍历执行（语义性较弱，不推荐） #

虽然 map 核心用途是数组转换，但也可利用其遍历特性触发函数执行：

const fn = () => {
  arr.map(func => func());
};

注意：此方式会生成无意义的返回数组，仅作遍历逻辑的替代，实际场景更推荐 forEach。

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