函数柯里化

函数柯里化

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

// 普通的add函数
function add(x, y) {
    return x + y
}

// 柯里化后
function curryingAdd(x) {
    return function (y) {
        return x + y
    }
}

add(1, 2)           // 3
curryingAdd(1)(2)   // 3

可以看出curryingAdd(1)(2)，将它拆开curryingAdd(1)会返回一个函数才能带上(2)继续执行

柯里化的实现

function curry (fn, currArgs) {
    return function() {
        let args = [].slice.call(arguments);

        // 首次调用时，
        // 若未提供最后一个参数currArgs，则不用进行args的拼接
        if (currArgs !== undefined) {
            args = args.concat(currArgs);
        }

        // 递归调用
        if (args.length < fn.length) {
            return curry(fn, args);
        }

        // 递归出口
        return fn.apply(null, args);
    }
}
function sum(a, b, c) {
    console.log(a + b + c);
}

const fn = curry(sum);

fn(1, 2, 3); // 6

注：

arguments 是一个类数组的结构，它并不是一个真的数组，所以没法使用数组的方法，我们用了 call 的方法，就相当于使用数组的原生方法。

 

柯里化的好处

1. 参数复用

function curryingAdd(x) {
    return function (y) {
        return x + y
    }
}
let a1 = curryingAdd(1);
let a2 = curryingAdd(2);
// 会保留第一个参数 1
// a1(2); // 1 + 2
// a1(3); // 1 + 3
a2(4); // 2 + 4

2. 提前确认

可以先判断第一个参数满足哪个执行条件去执行对应的操作

3. 延迟运行

例如 js中经常使用的bind

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

参考：

https://www.jianshu.com/p/2975c25e4d71