JavaScript中节流（throttle）的函数式编程实现方案是什么？

原节流函数的问题在于闭包内的handler变量被隐式修改，属于副作用。要转换成纯函数，核心是将状态显式化——不再依赖闭包隐藏状态，而是把状态作为参数传入，每次调用返回新状态，同时消除对外部可变因素的隐式依赖。

纯函数的核心要求是：相同输入必返回相同输出，无任何副作用。节流依赖时间判断，所以我们需要把当前时间也作为参数传入，避免依赖系统时间这种外部可变因素。

纯函数节流核心实现 #

// 纯函数式节流核心：无副作用，所有依赖均为参数
const throttlePure = (func, args, currentTime, state, delay = 2000) => {
  const { lastExecuted } = state;
  // 判断是否满足执行条件
  if (currentTime - lastExecuted >= delay) {
    const result = func(...args);
    // 返回新状态（更新最后执行时间）和函数执行结果
    return {
      newState: { lastExecuted: currentTime },
      result
    };
  } else {
    // 不执行，返回原状态和null
    return {
      newState: state,
      result: null
    };
  }
};

实际使用方式 #

纯函数本身不维护状态，所以需要在外部处理状态的存储与更新：

// 初始化节流状态
let throttleState = { lastExecuted: 0 };

// 包装成可直接调用的节流函数
const throttledFunc = (...args) => {
  const currentTime = Date.now();
  const { newState, result } = throttlePure(
    yourTargetFunction, // 你要节流的原函数
    args,
    currentTime,
    throttleState
  );
  // 外部更新状态，核心逻辑无副作用
  throttleState = newState;
  return result;
};

关键说明 #

• throttlePure是严格的纯函数：只要传入的参数相同，返回结果完全一致，不会修改任何外部变量。
• 状态和时间的获取/更新被隔离到外部调用层，所有副作用（比如修改throttleState、获取系统时间）都脱离了核心节流逻辑。
• 如果需要基于计时器的节流（而非时间戳判断），由于setTimeout本身是副作用，核心纯函数无法包含它，只能将计时器逻辑放到外部，核心仍通过状态传递来控制执行时机。

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