JavaScript 函数柯里化：原理、应用场景与通用实现

什么是函数柯里化

柯里化（Currying）是指将一个接受多个参数的函数，变换为接受一个单一参数（原函数的第一个参数）并返回一个新函数的技术。新函数继续接受剩余参数，直至所有参数收集完毕后再执行原逻辑。该名称源自逻辑学家 Haskell Curry。

简而言之，柯里化是将“一次性传入所有参数”的调用方式，改造为“分步传入参数”的过程。

第1步：理解基础转换逻辑

目的：直观对比普通多参数函数与柯里化函数的差异。

原始多参数函数：

// 传统方式：一次传入所有参数
const add = function(x, y, z) {
  return x + y + z;
}

柯里化转换后：

// 柯里化方式：每次只传一个参数，返回新函数
const curryingAdd = function(x) {
  return function(y) {
    return function(z) {
      return x + y + z;
    };
  };
};

// 调用方式对比
add(1, 2, 3); // 结果: 6
curryingAdd(1)(2)(3); // 结果: 6

这种“套娃”式的返回机制，使得函数可以分批次接收参数，最终汇总计算。

柯里化的核心价值与作用

柯里化不仅仅是语法糖，它在实际开发中能解决三类典型问题：参数复用、提前返回（性能优化）和延迟执行。

第2步：利用柯里化实现参数复用

目的：消除相同规则下的重复代码，提高可读性。

场景：表单验证中频繁使用正则表达式校验手机号、邮箱等。

未柯里化前的痛点：每次调用都需重复传递相同的正则对象，代码冗余且难以阅读。

// 低效写法：重复传递正则
function checkByRegExp(regExp, str) {
    return regExp.test(str);
}

checkByRegExp(/^1\d{10}$/, '15152525634');
checkByRegExp(/^1\d{10}$/, '13456574566');

柯里化改进方案：将正则作为第一层参数固定，返回专门用于校验的函数。

// 高阶函数：先传入正则，返回校验函数
function createCheckRegExp(regExp) {
    return function(str) {
        return regExp.test(str);
    };
}

// 生成专用校验器
const checkPhone = createCheckRegExp(/^1\d{10}$/);
const checkEmail = createCheckRegExp(/^[\w-]+(\.[\w-]+)*@[\w-]+(\.[\w-]+)+$/);

// 后续调用仅需传入待校验字符串，简洁且语义明确
checkPhone('15152525634');
checkEmail('test@example.com');

通过柯里化，我们将“通用校验逻辑”与“特定规则”解耦，实现了规则的复用。

第3步：利用柯里化实现提前返回（性能优化）

目的：避免在循环或高频调用中重复执行条件判断。

场景：浏览器兼容性处理。早期开发中，addEventListener 和 attachEvent 并存，若每次绑定事件都进行判断，会浪费性能。

普通写法：

function addEvent(element, type, fn) {
    if (window.addEventListener) {
        element.addEventListener(type, fn);
    } else if (window.attachEvent) {
        element.attachEvent("on" + type, fn);
    }
}

柯里化优化写法：只在初始化时判断一次浏览器能力，之后直接调用对应的方法。

const addEvent = (function() {
    if (window.addEventListener) {
        return function(element, type, fn) {
            element.addEventListener(type, fn);
        };
    } else if (window.attachEvent) {
        return function(element, type, fn) {
            element.attachEvent("on" + type, fn);
        };
    }
})();

这里利用了闭包和立即执行函数，将环境检测的结果固化在返回的函数中。首次调用前完成分流，后续调用零开销。

第4步：延迟执行的特性

上述示例也体现了柯里化的另一个特点：延迟执行。柯里化返回的是函数而非计算结果。这使得我们可以定义好“行为”，直到真正需要数据时才触发计算。这在构建配置项、中间件链式调用等场景中非常有用。

封装通用的柯里化工具函数

手动改写每个函数较为繁琐，通常我们会封装一个通用的 curry 工具函数，用于自动处理任意函数的柯里化。这是前端面试中的常见手写题。

第5步：实现通用 curry 工具

入口/源码逻辑：

function curry(fn) {
    const len = fn.length; // 获取函数定义的参数个数
    
    return function curried(...args) {
        // 如果已传参数量少于定义数，继续返回函数收集参数
        if (args.length < len) {
            return curry.call(this, fn, ...args);
        }
        // 参数集齐，执行原函数
        return fn.apply(this, args);
    };
}

// 使用示例
function sum(a, b, c) {
    return a + b + c;
}

const curriedSum = curry(sum);
console.log(curriedSum(1)(2)(3)); // 6
console.log(curriedSum(1, 2)(3)); // 6

原理说明：

1. 记录目标函数的 length 属性，确定需要收集的参数总数。
2. 每调用一次，收集当前传入的参数 args。
3. 若总参数不足，递归调用自身并带入已有参数，返回新的等待函数。
3. 若参数已满，通过 apply 调用原函数并完成计算。

总结

函数柯里化是 JavaScript 闭包的典型应用，它通过将部分参数固化在作用域中，实现了代码的高内聚与低耦合。掌握其“降低适用范围，提高适用性”的思想，能有效提升代码的可读性和运行效率。在实际项目中，合理运用柯里化可以避免重复代码，并为复杂的业务逻辑提供更灵活的编排方式。

以上就是关于 JavaScript 函数柯里化的详细内容，更多关于 JavaScript 高级技巧的资料请关注本站其它相关文章！