前端知识速记--JS篇：柯里化

前端知识速记–JS篇：柯里化

一、柯里化的基本概念

柯里化是将一个多参数函数转换成一系列嵌套的单参数函数。每个函数返回一个新的函数，直到所有参数都被传入为止。

实例分析

考虑一个简单的加法函数：

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

柯里化后的版本如下：

function curriedAdd(a) {
    return function(b) {
        return a + b;
    };
}

const addFive = curriedAdd(5);
console.log(addFive(10)); // 输出：15

在这个例子中，curriedAdd将 add函数转换为一个柯里化函数，使其可以按需逐步传入参数。

二、柯里化的应用场景

柯里化有助于提高代码的灵活性和可读性，以下是一些常见的应用场景：

1. 参数复用

通过柯里化，我们可以创建更具体的函数，复用特定参数。

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

const double = multiply(2);
console.log(double(5)); // 输出：10
const triple = multiply(3);
console.log(triple(5)); // 输出：15

在此例中，使用柯里化创建了具体的倍数函数，使得代码更加简洁。

2. 延迟执行

柯里化可以结合闭包实现延迟执行的效果。

function greet(greeting) {
    return function(name) {
        console.log(`${greeting}, ${name}!`);
    };
}

const sayHello = greet('Hello');
sayHello('Alice'); // 输出：Hello, Alice!
sayHello('Bob');   // 输出：Hello, Bob!

在这个例子中，greet函数返回一个新的函数，支持延迟执行和特定上下文的复用。

3. 组合函数

柯里化可以用于组合函数，使得多个函数可以串联调用。

function compose(f, g) {
    return function(x) {
        return f(g(x));
    };
}

const addOne = x => x + 1;
const multiplyByTwo = x => x * 2;

const addOneThenMultiplyByTwo = compose(multiplyByTwo, addOne);
console.log(addOneThenMultiplyByTwo(5)); // 输出：12

这里使用柯里化技术组合了两个函数，使得数据可以流动和变换。

三、实现柯里化的通用函数

我们可以实现一个通用的柯里化函数，支持任意数量的参数。

function curry(fn) {
    const arity = fn.length; // 获取函数参数个数
    return function inner(...args) {
        if (args.length >= arity) {
            return fn(...args);
        }
        return function(...nextArgs) {
            return inner(...args, ...nextArgs);
        };
    };
}

const add = (a, b, c) => a + b + c;
const curriedAdd = curry(add);
console.log(curriedAdd(1)(2)(3)); // 输出：6
console.log(curriedAdd(1, 2)(3));  // 输出：6
console.log(curriedAdd(1, 2, 3));  // 输出：6

这个通用的柯里化函数可以接受任意参数的函数，为开发提供了极大的便利。