js - 函数的柯里化(Currying)

2021-02-11 22:16

阅读:360

// 写法 1, 支持多参数传递
function currying(fn, args) {
    var _this = this;
    var len = fn.length;
    var args = args || [];

    return function() {
        var _args = Array.prototype.slice.call(arguments);
        Array.prototype.push.apply(args, _args);

        // 如果参数个数小于最初的fn.length,则递归调用,继续收集参数
        if (_args.length  {
    let len = fn.length;
    return function(...args) {
        let concatValue = [...type, ...args];

        if (concatValue.length  {
    let len = fn.length;
    return function curriedFn(...args) {
        if (args.length 

 

四、缺陷

主要在性能上:

1. 由于使用了闭包, 闭包该有的问题一个不落地全部继承;

2.(如果有) 存取 arguments 对象通常要比存取命名参数要慢一点;

3.(如果有) 一些老版本的浏览器在 arguments.length 的实现上是相当地慢;

4.(如果有) 使用 fn.apply(...) 和 fn.call(...) 通常比直接调用 fn (...) 稍微慢一点;

 

不过相对于频繁的 DOM 操作, currying 到来的性能消耗可以忽略不计。

 

五、拓展与总结

currying 函数在设计上第一次调用必须传入一个函数,这是它的使用原则。

另外, 如果原函数的参数 > 2 ( fn(x, y, z, m, n, ...) )的话, 多层写法中的 2 & 3 是支持 curry(fn)(x)(y, z)(m)(n)(...) 这种写法的。

 

下面这条题目作为拓展:

// 实现一个add方法,使计算结果能够满足如下预期:
add(1)(2)(3) = 6;
add(1, 2, 3)(4) = 10;
add(1)(2)(3)(4)(5) = 15;

function add() {
    // 第一次执行时,定义一个数组专门用来存储所有的参数
    var _args = Array.prototype.slice.call(arguments);

    // 在内部声明一个函数,利用闭包的特性保存_args并收集所有的参数值
    var _adder = function() {
        _args.push(...arguments);
        return _adder;
    };

    // 利用toString隐式转换的特性,当最后执行时隐式转换,并计算最终的值返回
    _adder.toString = function () {
        return _args.reduce(function (a, b) {
            return a + b;
        });
    }
    return _adder;
}

add(1)(2)(3)                // 6
add(1, 2, 3)(4)             // 10
add(1)(2)(3)(4)(5)          // 15
add(2, 6)(1)                // 9


评论


亲,登录后才可以留言!