柯里化是将多参数函数转换为一系列单参数函数的过程,核心是参数分步传入并按fn.Length判断是否执行原函数。

柯里化(Currying)是把一个接收多个参数的函数,转换成一系列只接收一个参数的函数的过程。每次调用返回一个新的函数,直到传入所有参数后才真正执行原函数。
柯里化的本质是“参数分步传入”
它不是简单地固定部分参数(那是偏函数),而是把多参函数拆成多个单参函数链。比如 add(1, 2, 3) 柯里化后可以写成 add(1)(2)(3),也可以写成 add(1, 2)(3) 或 add(1)(2, 3)——只要最终凑齐参数即可。
- 核心逻辑:判断当前传入的参数数量是否达到原函数要求的参数个数(
fn.length) - 没凑齐 → 返回新函数,记住已传参数,等待下次调用
- 凑齐了 → 立即执行原函数,返回结果
手写一个基础版柯里化函数
下面是一个简洁、可直接用的实现:
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)); }; } }; }
使用示例:
立即学习“Java免费学习笔记(深入)”;
function multiply(a, b, c) { return a * b * c; } const curriedMultiply = curry(multiply); console.log(curriedMultiply(2)(3)(4)); // 24 console.log(curriedMultiply(2, 3)(4)); // 24 console.log(curriedMultiply(2)(3, 4)); // 24
支持占位符的增强版柯里化
实际中常需要跳过某些参数,用占位符(如 _)代替。这时需额外处理“未确定参数”的位置:
- 定义一个唯一占位符,比如
curry.placeholder = {} - 合并参数时,遇到占位符就跳过,用新参数按顺序填充空位
- 需要记录已传参数和占位符位置,动态拼接最终参数数组
这种实现稍复杂,但更贴近 Lodash 的 _.curry 行为,适合工具库场景。
柯里化的典型用途
它本身不解决性能问题,而是提升函数组合与复用能力:
- 创建预设配置的函数,比如
const httpGet = curry(ajax)('GET') - 配合函数式编程工具(如
map、reduce)时避免写匿名函数:[1,2,3].map(add(1)) - 在 react 中用于事件处理器传参:
onClick={handleClick(id)}(注意别在 render 里直接调用)
基本上就这些。柯里化不复杂,但容易忽略 this 绑定和参数长度判断的边界情况。