JavaScript函数柯理化

简而言之,柯理化就是将接收多个参数的函数,变成一个接收部分参数的函数,再返回一个新函数,继续接收参数,直到参数全部接收,再计算结果。

如:fn(a,b,c,d)→fn(a)(b)(c)(d)

或者:

fn(a,b,c,d)→fn(a,b)(c)(d)

即可以让函数的参数不必一次全部传递,可以多次传递。

柯理化的作用:可以简化代码结构,强调功能的单一性,降低代码复用率。


            // 要实现的功能 参数想加
function add(a, b, c, d) {
            return a + b + c + d;
        }

        function fixedCurry(fn) {
            // 获取第一次传入的参数并放入新数组
            // 第一位是传递的功能函数 所以从第二位开始截取剩下的所有元素
            var arg = [].slice.call(arguments, 1)
            return function () {
                // 将arguments转化为真数组,与之前传入参数的数组拼接起来
                var _arg = arg.concat(Array.from(arguments));
                // 返回add这个函数 用apply改变this指向并将参数以数组形式传递
                return fn.apply(this, _arg);
            }
        }

        function curry(fn, length) {
            // 获取当前形参个数
            var length = length || fn.length //fn.length 获取形参个数
            return function () {
                // 如果实参个数等于形参个数 表明参数传递完毕
                if (arguments.length === length) {
                    // 当参数传递完毕 返回fn
                    // 利用apply将参数以数组形式传递(arguments是一个伪数组)
                    return fn.apply(this, arguments)
                } else if (arguments.length < length) {
                    // 将功能函数放入数组与实参数组arguments拼接起来
                    var arg = [fn].concat([].slice.call(arguments))
                    // 利用递归 返回函数自身,将传入的参数存入数组,直到形参个数等于实参个数 即所有参数传递完毕
                    // 并且将形参个数减去当前传入的实参个数 得到剩余应传递的实参个数
                    return curry(fixedCurry.apply(this, arg), length - arguments.length)
                }
            }
        }

        var newAdd = curry(add);
        console.log(newAdd(1)(2)(3)(4));   //10

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值