js柯里化

本文通过JavaScript展示了函数柯里化的具体实现过程。利用闭包和递归调用,实现了参数累积并最终求和的功能。适合初学者了解柯里化的实际应用。

今天一个不小心在书上又看到了函数柯里化 温故而知新,也顺便再记一笔。这里不介绍什么是柯里化函数。如果不懂的请自行Google。

但是呢,我会从js设计模式这本书中,取一段柯里化代码片断,加上详细的注释。如果Google柯里化后,还是不懂的同学,可以读读这段注释

当然,我推荐你先运行一遍,再去看注释

        var currying = function(fn) {
            //这里保存每次的开销
            var args = [];
            return function() {
                //如果传入的参数长度为0,也就是没有传参的情况下,其实就是告诉程序,我要/求总开销了
                if (arguments.length === 0) {
                    //将fn在这块上下文中执行,并且把每天的开销当做参数传入
                    return fn.apply(this, args);

                //有参数传入的话,就说明还在记录每天的开销,并没有要/求总开销
                } else {
                    //arguments请自行google,它是一个对象并不是一个数组。
                    //将arguments转为数组后push到args
                    //也就是收到每天的开销后,保存到args中
                    [].push.apply(args, arguments);
                    //把这块上下文再次return出去
                    return arguments.callee;
                }
            }
        };
        var cost = (function() {
            //典型的闭包,将money保存起来
            var money = 0;
            //这里就是currying(fn)中的fn
            return function() {
                //arguments其实就是currying中的args
                //收到了求总开销的命令,下面是真正计算总开销的地方
                for (var i = 0, l = arguments.length; i < l; i++) {
                    money += arguments[i];
                }
                return money;
            }
        })();
        var cost = currying(cost); // 转化成currying 函数
        cost(100); // 未真正求值
        cost(200); // 未真正求值
        cost(300); // 未真正求值
        cost(200); // 未真正求值
        cost(200); // 未真正求值
        cost(50); // 未真正求值
        cost(100); // 未真正求值
        alert(cost()); // 求值并输出:600

代码中注释出于本博客 http://blog.youkuaiyun.com/jiestyle21,如果理解有误的地方,请指出。

### JavaScript 柯里化函数的实现原理与示例 #### 实现原理 柯里化是一种函数转换技术,将一个接受多个参数的函数转换为一系列接受单一参数的嵌套函数。其核心思想是通过高阶函数的方式逐步接收参数,直到所有参数都被提供后才执行原始函数。 在 JavaScript 中,柯里化函数的实现通常涉及以下关键点: - **函数的 length 属性**:用于获取函数期望的参数个数。 - **闭包与递归**:用于保存已经传入的参数,并在参数足够时调用原始函数。 - **apply/call/bind**:用于控制函数执行上下文和参数传递。 - **剩余参数(...args)与展开运算符**:ES6 提供的语法糖,使参数处理更加简洁。 #### 手动实现柯里化 以下是一个基于函数 length 和闭包实现的通用柯里化函数: ```javascript function curry(fn) { return function curried(...args) { if (args.length >= fn.length) { return fn.apply(this, args); } else { return function (...moreArgs) { return curried.apply(this, args.concat(moreArgs)); }; } }; } ``` 使用示例: ```javascript function sum(a, b, c) { return a + b + c; } const curriedSum = curry(sum); console.log(curriedSum(1)(2)(3)); // 输出 6 console.log(curriedSum(1, 2)(3)); // 输出 6 console.log(curriedSum(1)(2, 3)); // 输出 6 ``` #### 使用 ES6 简洁实现 利用 ES6 的剩余参数和递归,可以写出更简洁的柯里化函数: ```javascript const curry = (fn, ...args) => args.length >= fn.length ? fn(...args) : (...moreArgs) => curry(fn, ...args, ...moreArgs); ``` 使用示例: ```javascript const sum = (a, b, c) => a + b + c; const curriedSum = curry(sum); console.log(curriedSum(1)(2)(3)); // 输出 6 console.log(curriedSum(1, 2)(3)); // 输出 6 console.log(curriedSum(1)(2, 3)); // 输出 6 ``` #### 应用场景 柯里化在实际开发中具有广泛的应用场景,例如: - **函数式编程**:用于构建可组合、可重用的函数链。 - **参数预设**:提前固定部分参数,生成定制化的函数。 - **事件处理**:在事件监听中传递部分参数而不立即执行函数。 #### 示例:使用 Lodash 进行柯里化 Lodash 提供了内置的 `_.curry` 方法,可以自动将函数柯里化: ```javascript const _ = require('lodash'); const sum = (a, b, c) => a + b + c; const curriedSum = _.curry(sum); console.log(curriedSum(1)(2)(3)); // 输出 6 console.log(curriedSum(1, 2)(3)); // 输出 6 console.log(curriedSum(1)(2, 3)); // 输出 6 ``` #### 注意事项 - 柯里化并不适用于所有函数,尤其在函数参数数量不确定或使用了 `arguments` 对象的情况下需要特别处理。 - 柯里化可能会带来一定的性能开销,特别是在递归调用和闭包的使用中。 ---
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值