JS手写函数柯里化

这是看了coderwhy老师JS课程的学习笔记，函数柯里化的思想如下：
add(10, 20, 30) =>
① add(10)(20)(30)
② add(10, 20)(30)
③ add(10, 20, 30)
1 传入一个函数 返回一个新的函数
2 如果传入的参数个数 和 原函数的个数相等，直接调用 见③
3 对函数来说 fn.length 可以拿到该函数的参数个数

example：
原函数

function add(x, y, z) {
    return x + y + z
}

函数柯里化

function hyCurrying(fn) {
    function curried(...args) {
        // 判断当前已经接受到的参数个数 和函数本身需要的参数个数比较
        // 如果传入的参数个数 和 原函数的个数相等 可以调用
        if(args.length >= fn.length) {
            // 可能调用时会用curryAdd.call、apply等改变this,此处的this是curried的this
            return fn.apply(this, args)
        } else {
            // 参数未够， 要返回一个新的函数 继续接受新参数
            function curried2(...args2) {
                // 调用时和上一次传入的参数拼接后，递归调用
                return curried.apply(this, args.concat(args2))
            }
            return curried2
        }
    }
    return curried
}

测试

var curryAdd = hyCurrying(add)
console.log(curryAdd(10)(20)(30));
console.log(curryAdd(10)(20));
console.log(curryAdd(10, 20)(30));
console.log(curryAdd(10, 20));
console.log(curryAdd(10, 20, 30));