如何用柯里化或类似方法实现回调函数的顺序组合？

当然可以实现！你想要的这个RunThem函数，本质是把一系列带回调的异步函数按顺序串联起来，让前一个函数执行完后自动触发下一个。不用复杂的柯里化，用反向遍历+函数绑定的思路就能轻松搞定，甚至比手动写多层bind更灵活，还支持任意数量的函数参数。

核心思路 #

我们需要从最后一个函数开始往前组合：

• 最后一个函数的回调可以是一个空函数（或者用户自定义的收尾逻辑）
• 把前一个函数的回调参数绑定为已经处理好的下一个函数
• 最终执行第一个组合好的函数，就能触发链式的顺序执行

基础实现代码 #

function RunThem(...funcs) {
  // 初始回调设为空函数，作为最后一个函数的收尾
  let currentCallback = () => {};
  
  // 反向遍历函数列表，逐个绑定回调
  for (let i = funcs.length - 1; i >= 0; i--) {
    currentCallback = funcs[i].bind(this, currentCallback);
  }
  
  // 启动第一个函数的执行
  currentCallback();
}

测试验证 #

我们用模拟的异步函数来测试效果：

// 模拟带回调的异步函数
function Number1(callback) {
  console.log('Executing Number1');
  setTimeout(callback, 100); // 模拟异步操作延迟
}

function Number2(callback) {
  console.log('Executing Number2');
  setTimeout(callback, 100);
}

function Number3(callback) {
  console.log('Executing Number3');
  setTimeout(callback, 100);
}

// 调用RunThem
RunThem(Number1, Number2, Number3);
// 输出顺序：
// Executing Number1
// Executing Number2
// Executing Number3

扩展：支持自定义最终回调 #

如果需要在所有函数执行完后添加收尾逻辑，可以修改RunThem让它支持传入最终回调：

function RunThem(...funcs) {
  // 判断最后一个参数是否为函数，作为最终回调
  const finalCallback = typeof funcs[funcs.length - 1] === 'function' 
    ? funcs.pop() 
    : () => {};
  
  let currentCallback = finalCallback;
  
  for (let i = funcs.length - 1; i >= 0; i--) {
    currentCallback = funcs[i].bind(this, currentCallback);
  }
  
  currentCallback();
}

// 使用示例：添加收尾逻辑
RunThem(Number1, Number2, Number3, () => console.log('All functions executed!'));
// 最后会额外输出：All functions executed!

这个实现完全等价于你手动写的Number1.bind(this, Number2.bind(this, Number3))，而且扩展性更强——不管你传多少个函数进去，都能自动按顺序串联起来。

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