函数柯里化

在维基百科中对柯里化的定义是

在数学和计算机科学中，柯里化是一种将使用多个参数的一个函数转换成一系列使用一个参数的函数的技术

简而言之,就是将多参数函数转化为一个接受单个参数并且返回剩余参数的函数,直到只剩一个参数的过程,a->r的过程简化为a->b->c...->s的过程

简单示例:

//处理函数
function sum(...args){
    return args.reduce((m,n)=>m+n)
}
function curry(fn){
    let args = Array.prototype.slice.call(arguments,1)
    return function replay() {
        if(arguments.length > 0){
            let innerArgs = Array.prototype.slice.call(arguments)
            args = args.concat(innerArgs)
            return replay
        }
        return fn.apply(null,args) //序列化参数
    }
}

let addCurry = curry(sum)
addCurry(1)(2)(4)()//7

这是利用递归来循环统计参数,最后返回一个包含所有参数的函数,但如果我们是需要具体的参数数量呢,比如求长方体体积呢,

V = l × w × h

function curry(fn){
   length = fn.length
    return function t(...args) {
        if(length > args.length){
             return function () {
                return t.apply(null,args.concat(Array.prototype.slice.call(arguments)))
             }
        }else {
            return  fn.apply(null,args)
        }
    }
}

function sum(l,w,h){
    return l*w*h
}

let addCurry = curry(sum)
addCurry(2)(3)(4)

优化:

function sub_curry(fn) {
    let args = Array.prototype.slice.call(arguments,1)
    return function(){
        fn.apply(this,args.concat(Array.prototype.slice.call(arguments)))
    }
}

function curry(fn){
   length = fn.length
    return function t(...args) {
        if(length > args.length){
            length -=args.length
            return curry(sub_curry.apply(this,[fn].concat(args)),)
        }else {
            return  fn.apply(null,args)
        }
    }
}

function sum(l,w,h){
    return l*w*h
}

let addCurry = curry(sum)
addCurry(2)(3)(4)

主要优化部分是递归部分,从之前的返回函数的递归转到curry函数的递归

好处:

1. 能够进行延迟计算，就像add(1)(2)一样，1比2先传入，2就会被延迟计算，在特定的场景里，有一定的应用意义。
2. 当你发现你要调用一个函数，并且调用参数都是一样的情况下，这个参数就可以被柯里化，以便更好的完成任务。(减少if...else...的使用)
   比如我们需要计算圆的周长:

function sum(...args) {
    return 2*args[0]*args[1]
}
function curry(fn){
    let innerArgs = Array.prototype.slice.call(arguments,1)
    return function () {
        return fn.apply(this,innerArgs.concat(Array.prototype.slice.call(arguments)))
    }
}
getCircle = curry(sum,3.141)
getCircle(2)

利用arguments传值或者闭包的特性保存数据

3. 优雅的写法，允许你写出来的代码更干净、更有表达力。

例子:

1. vue 源码中createPatchFunction针对不同平台对path函数进行参数复用

参考

JavaScript专题之函数柯里化