关闭

【JavaScript 】函数柯里化

标签: javascript闭包柯里化
393人阅读 评论(0) 收藏 举报
分类:

柯里化:柯里化是这样的一个转换过程,把接受多个参数的函数变换成接受一个单一参数(译注:最初函数的第一个参数)的函数,如果其他的参数是必要的,返回接受余下的参数且返回结果的新函数。(译注)

函数柯里化用于创建已经设了好了一个或多个参数的函数。其基本方法和函数绑定是一样的:使用一个闭包放回一个函数,但柯里化返回的函数还需要设置一些传入的参数

柯里化通常由以下步骤动态创建:创建另一个函数并为它传入要柯里化的函数和必要参数

一、函数柯里化的通用方式:

//函数柯里化
function curry (fn) {
    var args = Array.prototype.slice.call(arguments,1);
    return function () {
        var innerArgs = Array.prototype.slice.call(arguments);
        var finalArgs = args.concat(innerArgs);
        return fn.apply(null,finalArgs);
    }
}

解释:

curry()函数的主要工作就是将被返回函数的参数进行排序。
1、curry()的第一个参数是要进行柯里化的函数,其他参数(可选)是要传入的值;
2、为了获取第一个参数之后的所有参数,在arguments对象上调用了slice(),并传入参数1,便是被返回的数组包含从第二个参数开始的所有参数。
3、innerArgs,在内部函数中,穿件了innerArgs数组用来存放所有传入的参数(又一次用了slice())。
4、finalArgs,有了存放来自外部函数和内部函数的参数数组后,用concat()方法,将他们组合成finalArgs数组。
5、最后,用apply()将结果传递给该函数。Note:由于这个函数没有考虑到执行环境,所以第一个参数是null。

二、curry函数的应用

//绑定两个参数
function add (num1,num2,num3) {
    return num1 + num2 +num3;
}   
var curriedAdd = curry(add,5,5);
alert(curriedAdd(6));

//绑定一个参数
function add (num1,num2,num3) {
            return num1 + num2 +num3;
        }   
        var curriedAdd = curry(add,5);
        alert(curriedAdd(6,5));

结果显示是一样的:

这里写图片描述

延迟执行

柯里化的另一个应用场景是延迟执行。不断的柯里化,累积传入的参数,最后执行。

var add = function() {
    var _this = this;
    var _args = arguments;
    return function() {
          if (!arguments.length) {
               var sum = 0;
               for (var i = 0;i<_args.length;i++) 
                   sum += _args[i];
                   return sum;
                } else {
                    Array.prototype.push.apply(_args, arguments) ;
                    return arguments.callee;//返回函数本身
                }
            }
        }
        alert(add(1)(4,5)());//10

解释

add(1)(4,5)( );
add(1) 返回内函数,接着执行add(4,5),又返回内函数,接着执行add(),此时参数长度为0,所以进入if语句,开始进行累加。

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:226443次
    • 积分:3196
    • 等级:
    • 排名:第11155名
    • 原创:102篇
    • 转载:5篇
    • 译文:1篇
    • 评论:131条
    最新评论