如何在JavaScript中动态创建多层嵌套回调函数（无需if/switch）

这个问题我太懂了，写一堆if/switch来对应不同count的嵌套回调，不仅代码冗余，后续改count值的时候还得手动加/减嵌套层级，维护起来特别麻烦。其实我们可以用递归或者迭代的方式来动态构建回调链，完全不用写条件判断，不管count是多少都能自动适配。

方法一：递归构建回调链 #

递归的思路最直观，因为嵌套回调本身就是一种“逐层深入”的逻辑，我们可以写一个递归函数来生成每一层的回调：

function process(value, callback) { 
  console.log('process ' + value) 
  callback() 
}
function complete() { console.log('complete') }

function running(count) {
  // 递归函数：负责生成第current层的回调
  function buildChain(current) {
    // 递归终止：当current等于count时，最后一步调用complete
    if (current === count) {
      return complete;
    }
    // 否则返回一个函数，调用process并传入下一层的回调
    return function() {
      process(`number ${current + 1}`, buildChain(current + 1));
    }
  }
  // 从第1层启动整个流程
  buildChain(1)();
}

running(3);
// 输出：
// process number one
// process number two
// process number three
// complete

逻辑说明 #

• buildChain函数接收当前的层级current，如果已经到了最后一层（current === count），就直接返回complete作为收尾回调。
• 如果还没到最后一层，就返回一个匿名函数：这个函数会调用process，然后把下一层的回调（通过递归buildChain(current+1)生成）传进去。
• 最后调用buildChain(1)()，就会从第一层开始逐层执行所有嵌套的process，最后触发complete。

方法二：迭代倒推构建回调链 #

如果觉得递归有点绕，也可以用迭代的方式从后往前构建回调链：

function process(value, callback) { 
  console.log('process ' + value) 
  callback() 
}
function complete() { console.log('complete') }

function running(count) {
  // 先把最后一步的回调设为complete
  let currentCallback = complete;
  
  // 从最后一个number倒着往回循环
  for (let i = count; i >= 1; i--) {
    // 保存当前的回调（因为下一次循环会修改currentCallback）
    const nextCallback = currentCallback;
    // 重新赋值currentCallback：生成当前number对应的process调用
    currentCallback = function() {
      process(`number ${i}`, nextCallback);
    }
  }
  
  // 启动整个流程
  currentCallback();
}

running(2);
// 输出：
// process number one
// process number two
// complete

逻辑说明 #

• 先初始化currentCallback为complete，也就是最后一步要执行的函数。
• 从count开始倒着循环到1，每次把当前的currentCallback保存为nextCallback，然后重新定义currentCallback为一个调用process的函数，回调用之前保存的nextCallback。
• 循环结束后，currentCallback就变成了最外层的那个回调函数，调用它就会从第一层开始，逐层执行到最后一步的complete。

这两种方法都能完美替代原来的if/switch写法，不管count是2、3还是更大的数值，都能自动生成对应层数的嵌套回调，代码简洁又好维护。

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