深入理解JavaScript系列(49):Function模式(上篇)(2)

// 该函数是你们自执行函数表达式的结果,并且赋值给了partialAny变量
    function func(fn) {
        var argsOrig = aps.call(arguments, 1);
        return function () {
            var args = [],
                argsPartial = aps.call(arguments),
                i = 0;

// 变量所有的原始参数集,
            // 如果参数是partialAny._ 占位符,则使用下一个函数参数对应的值
            // 否则使用原始参数里的值
            for (; i < argsOrig.length; i++) {
                args[i] = argsOrig[i] === func._
                            ? argsPartial.shift()
                            : argsOrig[i];
            }

// 如果有任何多余的参数,则添加到尾部
            return fn.apply(this, args.concat(argsPartial));
        };
    }

// 用于占位符设置
    func._ = {};

return func;
})(Array.prototype.slice);

使用方式如下:

复制代码 代码如下:


// 定义处理函数
function hex(r, g, b) {
    return '#' + r + g + b;
}

//定义偏函数, 将hex的第一个参数r作为不变的参数值ff
var redMax = partialAny(hex, 'ff', partialAny._, partialAny._);

// 新函数redMax的调用方式如下,只需要传入2个参数了:
console.log(redMax('11', '22')); // "#ff1122"


如果觉得partialAny._太长,可以用__代替哦。

复制代码 代码如下:


var __ = partialAny._;

var greenMax = partialAny(hex, __, 'ff');
console.log(greenMax('33', '44'));

var blueMax = partialAny(hex, __, __, 'ff');
console.log(blueMax('55', '66'));

var magentaMax = partialAny(hex, 'ff', __, 'ff');
console.log(magentaMax('77'));


这样使用,就简洁多了吧。

Currying

Currying是函数式编程的一个特性,将多个参数的处理转化成单个参数的处理,类似链式调用。

举一个简单的add函数的例子:

复制代码 代码如下:


function add(x, y) {
    var oldx = x, oldy = y;
    if (typeof oldy === "undefined") { // partial
        return function (newy) {
            return oldx + newy;
        }
    }
    return x + y;
}


这样调用方式就可以有多种了,比如:

复制代码 代码如下:


// 测试
typeof add(5); // "function"
add(3)(4); // 7

// 也可以这样调用
var add2000 = add(2000);
add2000(10); // 2010


接下来,我们来定义一个比较通用的currying函数:

复制代码 代码如下:


// 第一个参数为要应用的function,第二个参数是需要传入的最少参数个数
function curry(func, minArgs) {
    if (minArgs == undefined) {
        minArgs = 1;
    }

function funcWithArgsFrozen(frozenargs) {
        return function () {
            // 优化处理,如果调用时没有参数,返回该函数本身
            var args = Array.prototype.slice.call(arguments);
            var newArgs = frozenargs.concat(args);
            if (newArgs.length >= minArgs) {
                return func.apply(this, newArgs);
            } else {
                return funcWithArgsFrozen(newArgs);
            }
        };
    }

return funcWithArgsFrozen([]);
}

这样,我们就可以随意定义我们的业务行为了,比如定义加法:

复制代码 代码如下:

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wgfgwf.html