17370845950

柯里化是将多元函数转换为一系列单参数函数的技术，核心是分步传参、闭包保存已传参数，最终触发执行；如curry(add)(1)(2)(3)返回6，适用于预设配置、事件处理器复用等场景。

柯里化（Currying）是 JavaScript 中一种将接收多个参数的函数，转换为一系列只接收一个参数的函数的技术。它不改变函数逻辑，而是改变调用方式，让参数传递更灵活、可复用性更强。

柯里化的核心思想

把一个多元函数 f(a, b, c) 拆成 f(a)(b)(c) 的形式：每次调用只传一个参数，返回一个新函数等待下一个参数，直到所有参数齐备才真正执行。

• 不是一次性传入全部参数，而是“分步喂参”
• 每次返回的都是函数，形成闭包，保存已传入的参数
• 最终一次调用触发原始逻辑，返回结果

手写一个通用柯里化函数

理解原理后，可以封装一个 curry 工具函数：

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

例如对加法函数做柯里化：
const add = (a, b, c) => a + b + c;
const curriedAdd = curry(add);
curriedAdd(1)(2)(3); // 6
curriedAdd(1, 2)(3); // 6
curriedAdd(1)(2, 3); // 6

柯里化如何简化参数传递

它把“固定部分 + 变动部分”的场景自然地表达出来，减少重复传参：

• 预设配置：比如封装带基础 URL 和超时时间的请求函数，先固定 baseURL，后续每次只传 path 和 data
• 事件处理器复用：按钮点击需要传 ID，用 curriedClick(id) 生成专属 handler，避免内联箭头函数和闭包陷阱
• 与函数组合搭配：配合 map、filter 等高阶函数时，可提前填好判断条件或映射规则，代码更声明式

注意边界情况

柯里化不是万能的，实际使用中需留意：

• 箭头函数没有 arguments，无法直接用 fn.length 判断，建议用显式参数声明或 Rest 参数替代
• 原函数若依赖 this 上下文，curry 后需确保 this 正确绑定（可用 call/apply 或箭头函数规避）
• 过度柯里化会让调试变难，参数流不直观，应权衡可读性与灵活性