【JavaScript手撕代码】函数柯里化

函数柯里化

上面的api用的很多,所以都知道是干嘛的使用场景是什么,柯里化用得并不多,所以想手撕之前还是先了解一下它的意义以及用处

什么是柯里化

柯里化Currying又称部分求值,是高阶函数的一种,通常只需要把一部分参数传递给函数,函数会返回一个新的函数去接受并处理新的参数,也就是分批次处理参数。这会出现一个什么情况呢?就是函数的调用会非常灵活,并且复用性增强

一个简单的柯里化函数如下:

 const curry = (a)=>(b)=>(c)=>{
     console.log(a+b+c)
 }
 curry(1)        // 不会得到计算结果
 curry(1)(2)(3)  // 6

从上面的例子可以看出,柯里化想要实现的是:分批次接受参数,当参数数量达到要求时执行原函数,否则返回新的函数,这个新的函数会携带原函数和已经传入的参数并返回新的柯里化函数,去接受剩下的参数。依此类推,直到传入的参数数量达到柯里化函数的需求,就会执行原函数

有了这个思路,实现柯里化就比较清晰了

手写函数柯里化

 /*
 * @param {Function} fn 需要执行的原函数
 * @param {*} getArgs1 上次获取的参数列表
 * @param {*} getArgs2 本次传入的参数列表
 **/
 const myCurry = (fn, ...getArgs1) => {
     return (...getArgs2) => {
         // 闭包
         const _args = [...getArgs1, ...getArgs2]
         // 当多次传入的参数总数达标, 则执行原函数
         // 通过fn.length得到原函数需要的参数的数目
         if(_args.length >= fn.length0){
             return fn.call(this, ..._args)
         }else{
             // 否则返回新的柯里化函数去接受剩余参数
             return myCurry.call(this, fn, ..._args)
         }
     }
 }

测试结果

【JavaScript手撕代码】函数柯里化_第1张图片

可以看到,柯里化的实现需要用到闭包

你可能感兴趣的:(手撕JavaScript,javascript,前端,面试)