如何用递归实现处理任意深度嵌套高阶函数的value函数？

嘿，你现在遇到的问题太典型了——多层嵌套的判断确实没法应对任意深度的函数嵌套，递归才是解决这类问题的最优解！

核心思路 #

递归的逻辑其实很简单：

• 如果输入的val是函数，那就执行它，然后把执行结果再传入value函数继续处理
• 如果输入的不是函数（也就是已经到了最内层的标量），直接返回这个值

这样不管嵌套多少层函数，递归都会一层一层“剥开”，直到拿到最里面的标量为止。

实现代码 #

exports.value = (val) => {
  // 检查当前值是否为函数
  if (typeof val === 'function') {
    // 递归调用value，处理函数执行后的结果
    return exports.value(val());
  }
  // 不是函数，直接返回标量值
  return val;
};

代码解释 #

举个例子，比如你提到的嵌套函数fn = function() { return function() { return 4; }; }：

1. 第一次调用value(fn)，发现fn是函数，执行fn()得到内层函数
2. 把这个内层函数传入value再次调用，发现它还是函数，执行后得到4
3. 第三次调用value(4)，4不是函数，直接返回，最终结果就是4

不管你嵌套10层还是100层函数，这个逻辑都能完美处理，完全不用修改代码，复用性拉满！

对比原来的实现 #

你之前的多层if判断只能处理固定层数的嵌套，一旦嵌套层数超过你写的判断次数就会失效；而递归版本是动态适配任意深度的，代码也简洁很多，可读性更强。

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