编辑“︁JavaScript函数柯里化”︁

= JavaScript函数柯里化 =

'''函数柯里化'''（Currying）是函数式编程中的一种重要技术，它将一个接受多个参数的函数转换为一系列嵌套的、每次只接受一个参数的函数。这种技术由数学家Haskell Curry命名，允许开发者通过部分应用函数参数来创建更灵活的函数变体。

== 核心概念 ==

柯里化的数学本质可以用以下公式表示：  
<math>f : (X \times Y) \rightarrow Z</math>  
转换为柯里化形式：  
<math>curry(f) : X \rightarrow (Y \rightarrow Z)</math>

在JavaScript中，这意味着：
<syntaxhighlight lang="javascript">
// 原始函数
function add(a, b) {
  return a + b;
}

// 柯里化版本
function curriedAdd(a) {
  return function(b) {
    return a + b;
  };
}
</syntaxhighlight>

=== 基本特点 ===
* '''参数分解'''：将多参数函数转换为单参数函数链
* '''延迟执行'''：直到所有参数都被提供时才最终计算
* '''函数组合'''：便于创建可复用的函数模板

== 实现方法 ==

=== 手动柯里化 ===
<syntaxhighlight lang="javascript">
// 三参数函数的柯里化示例
function multiply(a) {
  return function(b) {
    return function(c) {
      return a * b * c;
    };
  };
}

console.log(multiply(2)(3)(4)); // 输出: 24
</syntaxhighlight>

=== 自动柯里化工具函数 ===
<syntaxhighlight lang="javascript">
function curry(fn) {
  return function curried(...args) {
    if (args.length >= fn.length) {
      return fn.apply(this, args);
    } else {
      return function(...args2) {
        return curried.apply(this, args.concat(args2));
      };
    }
  };
}

// 使用示例
const sum = (a, b, c) => a + b + c;
const curriedSum = curry(sum);
console.log(curriedSum(1)(2)(3)); // 6
</syntaxhighlight>

== 实际应用场景 ==

=== 参数复用 ===
<syntaxhighlight lang="javascript">
// 创建通用的日志函数
const log = level => source => message => 
  `[${level}] ${source}: ${message}`;

const errorLogger = log('ERROR')('System');
console.log(errorLogger('Disk full')); // [ERROR] System: Disk full
</syntaxhighlight>

=== 事件处理 ===
<syntaxhighlight lang="javascript">
// 柯里化在事件监听中的应用
const handleEvent = eventType => element => handler => {
  element.addEventListener(eventType, handler);
};

const setupButtonClick = handleEvent('click')(document.getElementById('myBtn'));
setupButtonClick(() => console.log('Button clicked!'));
</syntaxhighlight>

=== 函数组合 ===
<syntaxhighlight lang="javascript">
// 与高阶函数配合使用
const compose = (...fns) => x => fns.reduceRight((v, f) => f(v), x);

const add5 = x => x + 5;
const multiply3 = x => x * 3;
const addThenMultiply = compose(multiply3, add5);

console.log(addThenMultiply(2)); // (2 + 5) * 3 = 21
</syntaxhighlight>

== 高级主题 ==

=== 无限柯里化 ===
允许函数接受无限数量的参数调用：
<syntaxhighlight lang="javascript">
function infiniteCurry(fn) {
  return function curried(...args) {
    if (args.length === 0) {
      return curried;
    }
    return (...args2) => {
      if (args2.length === 0) {
        return fn(...args);
      }
      return curried(...args, ...args2);
    };
  };
}
</syntaxhighlight>

=== 性能考量 ===
* 柯里化会创建额外的闭包，可能影响内存使用
* 在性能关键路径中应谨慎使用
* 现代JavaScript引擎能很好优化简单柯里化

== 可视化理解 ==
<mermaid>
graph LR
  A[多参数函数 f(a,b,c)] --> B[柯里化]
  B --> C[一级函数 f(a)]
  C --> D[返回函数等待b]
  D --> E[返回函数等待c]
  E --> F[最终执行计算]
</mermaid>

== 常见误区 ==
1. '''混淆部分应用与柯里化'''：柯里化总是产生单参数函数链，而部分应用可能一次接受多个参数
2. '''过度使用'''：不是所有场景都适合柯里化，特别是在参数数量固定的情况下
3. '''忽略this绑定'''：在面向对象编程中使用柯里化时需要注意this的指向

== 总结 ==
函数柯里化是JavaScript函数式编程中的强大技术，它：
* 提高代码的模块化和复用性
* 支持更灵活的函数组合
* 使部分参数应用变得更直观
* 为函数式编程模式（如point-free风格）奠定基础

初学者应从简单的两参数柯里化开始练习，逐步掌握如何在实际项目中有效应用这一技术。

[[Category:编程语言]]
[[Category:JavaScript]]
[[Category:Javascript函数式编程]]