柯里化：从函数变换到前端工程实践

zhyp2026年3月31日大约 4 分钟

背景

柯里化（Currying）是前端面试和函数式编程中的高频概念，但在日常业务中经常被误用。
很多代码把“返回函数”都称为柯里化，导致抽象层级混乱，最终影响可读性与维护成本。

在工程实践中，柯里化的核心价值不在“写法炫技”，而在于：

固化部分参数，提升复用能力。
将多参数函数拆分为可组合的单参数链。
让业务表达更贴近“配置 + 执行”的模式。

核心原理

柯里化是什么

本质上，柯里化是把一个接收多个参数的函数，转换成一系列每次只接收部分参数的函数，直到参数满足后再执行。

示例（未柯里化）：

function add(a, b, c) {
  return a + b + c;
}

示例（柯里化后）：

function curryAdd(a) {
  return function (b) {
    return function (c) {
      return a + b + c;
    };
  };
}

调用方式从 add(1, 2, 3) 变成 curryAdd(1)(2)(3)。

从实现机制来看

柯里化依赖两个关键机制：

闭包：分批传入的参数需要被保存在上层作用域中。
参数收集与终止条件：运行时需要判断参数是否已满足原函数签名。

通用实现通常通过 fn.length 获取目标函数形参个数，再持续收集参数，达到阈值后触发执行。

实现方式 / 示例

通用 curry 实现

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

使用示例：

function multiply(a, b, c) {
  return a * b * c;
}

const curriedMultiply = curry(multiply);

curriedMultiply(2)(3)(4); // 24
curriedMultiply(2, 3)(4); // 24
curriedMultiply(2)(3, 4); // 24

前端场景 1：参数预置（配置复用）

function request(baseURL) {
  return function (path) {
    return fetch(`${baseURL}${path}`);
  };
}

const apiV1 = request("/api/v1");
apiV1("/users");
apiV1("/projects");

这类写法适合“同一前缀、不同资源”的接口调用抽象。

前端场景 2：事件与校验规则复用

function minLength(len) {
  return function (value) {
    return value.length >= len;
  };
}

const isPasswordValid = minLength(8);
isPasswordValid("12345678"); // true