关于前端:函数柯里化的概念及案例

4次阅读

共计 802 个字符，预计需要花费 3 分钟才能阅读完成。

原文链接：https://note.noxussj.top/?source=sifo

函数柯里化（Haskell Brooks Curry），当一个函数有多个参数的时候先传递一部分参数并且调用它（这部分参数后续不会进行扭转），而后返回一个新的函数接管残余的参数并返回后果。

总结

柯里化能够让咱们给一个函数传递较少的参数失去一个曾经记住了某些固定参数的新函数

这是一种对函数参数的 “ 缓存 ”

让函数变的更灵便，让函数的粒度更小

案例 1

    function checkAge(arg1) {return function (arg2) {return arg2 >= arg1}
    }
    
    // 查看是否大于 18 岁
    let checkAge18 = checkAge(18)
    
    // 查看是否大于 20 岁
    let checkAge20 = checkAge(20)
    
    console.log(checkAge18(19)) // true
    console.log(checkAge20(19)) // false

案例 2

    // 封装柯里化函数
    function curry(fn) {return function curriedFn(...args) {if (args.length < fn.length) {return function (...args2) {return curriedFn(...args.concat(Array.from(args2)))
                }
            }
            return fn(...args)
        }
    }
    
    function getSum(a, b, c) {return a + b + c}
    
    const curried = curry(getSum)
    
    const fn1 = curried(1) // 返回新函数，接管残余的参数
    
    const fn2 = fn1(2) // 返回新函数，接管残余的参数
    
    const fn3 = fn2(3) // 返回后果 6

原文链接：https://note.noxussj.top/?source=sifo

正文完