【JavaScript 】函数柯里化

来源:互联网 发布:淘宝开店推广费用 编辑:程序博客网 时间:2024/05/17 15:18

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

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

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

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

//函数柯里化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
原创粉丝点击