对js函数柯里化的理解

维基百科：

柯里化，英语：Currying，是把接受多个参数的函数变换成接受一个单一参数（最初函数的第一个参数）的函数，并且返回接受余下的参数而且返回结果的新函数的技术。

从字面意思就可以理解了，对应到js，我的理解就是将一个接受多个参数的函数，转化为接收一个参数，并且不改变输出结果的一种办法。我觉得这就是js的柯里化

从字面上理解，看似挺好理解，上个例子：

// 简单的相加函数
var add = function (x,y) {
    return x + y
}
// 调用：
add(1,2)

// 柯里化以后
var add = function (x) {
    return function (y) {
        return x + y
    }
}
add(1)(2)

这样做有什么好处，我得理解是在需要的情况下生成一个中间工具，简化代码，并且清晰代码。

1.代码复用

例如一个函数，接受两个参数，其中一个参数有时会出现大量一样的情况，此时就可以利用柯里化，提前把一个参数传入，返回一个新的函数，新函数只需要传一个参数就可以了

//这个例子好像不太恰当，理解精神吧

var fn = function(name, class){
    console.log(`${name}是${class}班的同学`)
}

fn('黎明', 2)

// =》 黎明时2班的同学

// 柯里化
var fn = function(class){
    return function (name) {
        console.log(`${name}是${class}班的同学`)
    }
}

var common = fn(2)
common('黎明') 
common('里斯')

2.提前确认：当有些元素是不确定的时候，例如浏览器，就可以提前先执行确定逻辑，然后再执行的时候就不用每次确认。

不写代码了，描述清楚一点，一个函数，要判断是不是支持canvas，然后执行某些逻辑，这时可以先执行一下判断逻辑，利用柯里化的理念，提前确认是不是支持，不用每次都去判断

然后返回出一个带有后续逻辑的函数。

3.延迟运行：例如js中经常使用的bind，实现的机制就是Currying.

Function.prototype.bind = function (context) {
    var _this = this
    var args = Array.prototype.slice.call(arguments, 1)
 
    return function() {
        return _this.apply(context, args)
    }
}

缺点：

• 存取arguments对象通常要比存取命名参数要慢一点
• 一些老版本的浏览器在arguments.length的实现上是相当慢的
• 使用fn.apply( … ) 和 fn.call( … )通常比直接调用fn( … ) 稍微慢点
• 创建大量嵌套作用域和闭包函数会带来花销，无论是在内存还是速度上

思考点：如果大量使用柯里化函数，产生更多的闭包，那么到底是代码精简，性能提升了，还是内存浪费了，性能降低了。

我得思考：大量使用柯里化，性能降低是必然的，柯里化的意义更多的是精简代码， 提高代码可读性，以及代码的复用性，减少代码体积。

两道从别处挖来的柯里化的题，很有意思

题来源：https://blog.csdn.net/weixin_37680520/article/details/108371908

实现一个函数功能：sum(1,2,3,4…n)转化为 sum(1)(2)(3)(4)…(n)

function curry ( fn ) {
  var c = (...arg) => (fn.length === arg.length) ?
          fn (...arg) : (...arg1) => c(...arg, ...arg1)
  return c
}

实现一个add方法，使计算结果能够满足如下预期：

/ 实现一个add方法，使计算结果能够满足如下预期：
add(1)(2)(3) = 6;
add(1, 2, 3)(4) = 10;
add(1)(2)(3)(4)(5) = 15;

function add() {
    // 第一次执行时，定义一个数组专门用来存储所有的参数
    var _args = Array.prototype.slice.call(arguments);

    // 在内部声明一个函数，利用闭包的特性保存_args并收集所有的参数值
    var _adder = function() {
        _args.push(...arguments);
        return _adder;
    };

    // 利用toString隐式转换的特性，当最后执行时隐式转换，并计算最终的值返回
    _adder.toString = function () {
        return _args.reduce(function (a, b) {
            return a + b;
        });
    }
    return _adder;
}

add(1)(2)(3)                // 6
add(1, 2, 3)(4)             // 10
add(1)(2)(3)(4)(5)          // 15
add(2, 6)(1)                // 9