js柯里化

今天一个不小心在书上又看到了函数柯里化 温故而知新,也顺便再记一笔。这里不介绍什么是柯里化函数。如果不懂的请自行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.csdn.net/jiestyle21,如果理解有误的地方,请指出。

你可能感兴趣的:(JAVASCRIPT,心得)