前端写一个add函数并将它柯里化

嘿，听说一个有趣的故事！有一天，在群聊里，我偶然看到了一个小伙伴被面试官问到的问题。面试官说：“来写一个 add 函数并试试将它柯里化。”这可是一道挺有意思的问题呢！接下来，让我给大家解释一下这个概念，然后一步一步地教大家如何实现。相信这些方法能让你在面试官面前大放异彩，哈哈！

柯里化概念

它是一个函数式编程的概念，它指的是将一个接受多个参数的函数转换为一系列只接受一个参数的函数。换句话说，柯里化将一个多参数函数转换为一系列嵌套的一元函数（每个函数只接受一个参数）。假设有一个函数 f(a, b, c)，柯里化后，它会被转换为 f(a)(b)(c)。

为什么要柯里化

提升函数的可重用性和模块化

柯里化可以将一个多参数函数拆分成多个单参数函数，从而提高函数的复用性。例如，可以创建一个部分应用的函数，再次使用时无需提供所有参数。

便于函数组合

在函数式编程中，函数组合是一种常见的操作。柯里化使得函数组合更简单，因为每个函数只需要一个参数。

简化代码结构

柯里化可以使代码看起来更加简洁和清晰，尤其是在处理需要多次传递相同参数的情况时。通过柯里化，可以将固定的参数提前传递，从而减少重复代码。

延迟计算

柯里化允许你创建一个部分应用的函数，等到需要时再提供剩余的参数。这种延迟计算的能力在某些场景下非常有用，例如在处理复杂的逻辑或优化性能时。

add 函数的柯里化

接下来让你写一个 add 函数出来，实现两个数字的相加，相信你很快就能写出如下代码：

 function add(a,b){
    if(arguments.length<2){
        console.log('参数长度不够');
    }
    if(typeof a !=='number'||typeof b !=='number'){
        console.log('参数类型不对');
    }
    return a+b
 }

这个时候，面试官会继续提出需求，请再实现一个能够延迟计算的 add 函数，也就是将 add 函数柯里化。这个时候我们就应该想到闭包的思想，函数里面返回一个函数体，这样就能实现一个简单的柯里化函数了。

function add(num1){
    return function(num2){
        return num1+num2
    }
}
const add5 = add(5);
console.log(add5(3)); // 8

上面的这种方法使得你可以创建一个固定参数的函数（例如 add5），然后在不同场合使用，避免了重复传递相同的参数。

这时，讨厌的面试官又提出，请你实现一个参数不定的柯里化 add 函数，这就涉及到参数收集的问题了。

在 ES5 中一般是使用 argument 来获取参数，在 ES6 中我们可以使用...来获取。

小 tips：在使用 ES6 的语法时，箭头函数里面是没有 argument 的哦。

let curry = (fn,...args) => {
    // console.log(fn.length,args.length);
    return args.length>=fn.length?fn(...args):(..._args)=>curry(fn,...args,..._args)
}
function add(n1, n2, n3, n4) {
    return n1 + n2 + n3 + n4
}
console.log(curry(add, 1)(2,3,4)); 

curry 函数会在参数数量足够时正确返回 fn 函数的调用结果。否则，它会返回一个接受更多参数的新函数。

使用第三方库柯里化

目前，很多现代编程语言和库都提供了柯里化的支持，比如 Ramda.js（JavaScript 中的函数式编程库）。

以下是如何使用 Ramda.js 进行柯里化的示例：

const R = require('ramda');
const add = (x, y) => x + y;
const curriedAdd = R.curry(add);
console.log(curriedAdd(2)(3)); // 输出：5

结语

柯里化是一项强大的编程技术，它通过将多参数函数转化为一系列单参数函数，从而提高代码的可重用性、可读性和灵活性。此外，不同的编程语言和库还提供了各种实现柯里化的方式，使得开发者可以根据需求选择最适合的方法应用柯里化。