17370845950

柯里化是将多参函数转为单参函数链，核心是固定参数、延迟执行；通用实现用fn.length判断调用时机，闭包缓存参数，支持this绑定；适用于预设配置、事件处理、函数组合等场景。

函数柯里化（Currying）是将一个接收多个参数的函数，转换为一系列只接收一个参数的函数的过程。核心不是“拆参数”，而是“固定部分参数、延迟执行”，最终返回结果。

怎么实现一个通用柯里化函数

最简实用版实现（支持不定参数、自动判断调用时机）：

function curry(fn) {
  return function curried(...args) {
    if (args.length >= fn.length) {
      return fn.apply(this, args);
    } else {
      return function(...moreArgs) {
        return curried.apply(this, args.concat(moreArgs));
      };
    }
  };
}

说明：

• fn.length 获取原函数期望的形参个数，作为“是否该执行”的判断依据
• 每次传参不足时，返回新函数，把已传参数缓存下来（闭包保存）
• 支持 this 绑定（用 apply 保证上下文不丢失）
• 不依赖外部库，纯原生 JS，兼容性好

常见实际应用场景

柯里化不是炫技，它在真实开发中解决几类典型问题：

• 预设配置，复用逻辑：比如封装带基础 URL 和超时的请求函数
  

  const request = curry((baseUrl, timeout, path) => fetch(`${baseUrl}/${path}`, { timeout }));
  
  const githubApi = request('https://api.github.com', 5000);
  
  githubApi('users').then(...); // 自动带上 baseUrl 和 timeout

• 事件处理器中避免内联函数性能问题：
  

  const handleClick = curry((userId, e) => console.log(`User ${userId} clicked`));
  
  点我

  
  或配合 addEventListener 时更清晰：btn.addEventListener('click', handleClick(123))
• 与函数式工具链配合（如 compose、pipe）：
  

  const add = curry((a, b) => a + b);
  
  const multiply = curry((a, b) => a * b);
  
  const inc = add(1);
  
  const double = multiply(2);
  
  compose(double, inc)(5); // → 12

注意边界和常见误区

柯里化不是万能的，用错场景反而增加理解成本：

• 不要对简单函数强行柯里化：比如 Math.max(1,2,3) 柯里化后变成 curry(Math.max)(1)(2)(3)，既难读又无收益
• 箭头函数没有 arguments 和 length 属性，无法直接被上述 curry 包装；需先转为普通函数或手动指定参数长度
• 柯里化 ≠ 偏函数（Partial Application）：偏函数可一次传多个参数，柯里化严格“一次一个”；但实践中常混用，关键是语义清晰

它不复杂但容易忽略——真正价值在于让参数流更可控、逻辑更可组合、复用更自然。