如何实现无状态JavaScript函数f以满足特定调用输出需求？

嘿，这个需求挺有意思的，咱们来一步步搞定它！首先明确要达成的目标：

• 直接传参数：f('l') → 'fl'
• 无参调用后传'l'：f()('l') → 'fol'，每多一次无参调用，中间就多一个'o'，比如三次无参后传'l'就是'foool'

为什么你之前的代码会无限循环？ #

你之前的代码里，当没有传入input时直接return f()——这会立刻触发新一轮的f()调用，新的调用又因为没有参数再次return f()，无限递归下去自然就栈溢出了。问题核心是你没有返回一个待调用的函数，而是直接发起了新的调用。

无状态的解决方案 #

咱们可以用闭包来累积无参调用的次数，但函数f本身是无状态的（每次无参调用都会生成独立的闭包，不会共享状态）。直接上代码：

function f(input) {
  // 定义内部函数，生成带累积计数的调用函数
  const createCaller = (oCount) => (nextInput) => {
    if (nextInput !== undefined) {
      // 传入最终参数时，拼接f + 对应数量的o + 参数
      return `f${'o'.repeat(oCount)}${nextInput}`;
    }
    // 无参调用时，返回计数+1的新调用函数
    return createCaller(oCount + 1);
  };

  // 场景1：直接传入参数，直接返回结果
  if (input !== undefined) {
    return `f${input}`;
  }
  // 场景2：无参调用，返回初始计数为1的调用函数
  return createCaller(1);
}

测试验证 #

逐个验证需求：

• f('l') → 'fl' ✔️（直接触发参数分支，返回拼接结果）
• f()('l') → 'fol' ✔️（无参调用返回计数1的函数，传'l'后拼接1个'o'）
• f()()('l') → 'fool' ✔️（第一次无参返回计数1的函数，再次无参调用返回计数2的函数，最后传'l'拼接2个'o'）
• f()()()('l') → 'foool' ✔️（同理，计数3，拼接3个'o'）

工作原理拆解 #

1. 当f被直接传入参数时，直接返回'f' + 参数，满足简单场景需求。
2. 当f无参调用时，调用createCaller(1)返回一个新的匿名函数：
   • 如果这个匿名函数被传入参数，就用当前的oCount生成对应数量的'o'，拼接成最终结果。
   • 如果这个匿名函数被无参调用，就返回createCaller(oCount + 1)——也就是一个记住了新计数的新函数，每多一次无参调用计数就加1，直到最后传入'l'时一次性拼接所有累积的'o'。

这种方式完全无状态，每次无参调用生成的函数都是独立闭包，彼此不会共享计数，比如同时调用f()()和f()()，它们的计数是完全独立的，不会互相影响。

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