JS学习(六) ----闭包

函数作为返回值

高阶函数除了可以接受函数作为参数外，还可以把函数作为结果值返回。

我们来实现一个对Array的求和。通常情况下，求和的函数是这样定义的：

function sum(arr) {
    return arr.reduce(function (x, y) {
        return x + y;
    });
}

sum([1, 2, 3, 4, 5]); // 15

但是，如果不需要立刻求和，而是在后面的代码中，根据需要再计算怎么办？可以不返回求和的结果，而是返回求和的函数！

function lazy_sum(arr) {
    var sum = function () {
        return arr.reduce(function (x, y) {
            return x + y;
        });
    }
    return sum;
}

当我们调用lazy_sum()时，返回的并不是求和结果，而是求和函数：

var f = lazy_sum([1, 2, 3, 4, 5]); // function sum()
调用函数f时，才真正计算求和的结果：

f(); // 15
在这个例子中，我们在函数lazy_sum中又定义了函数sum，并且，内部函数sum可以引用外部函数lazy_sum的参数和局部变量，当lazy_sum返回函数sum时，相关参数和变量都保存在返回的函数中，这种称为“闭包（Closure）”的程序结构拥有极大的威力。

请再注意一点，当我们调用lazy_sum()时，每次调用都会返回一个新的函数，即使传入相同的参数：

var f1 = lazy_sum([1, 2, 3, 4, 5]);
var f2 = lazy_sum([1, 2, 3, 4, 5]);
f1 === f2; // false

f1()和f2()的调用结果互不影响。

关于闭包:

function count(){
                var arr=[];
                for (var i = 1; i <=3; i++) {
                    arr.push(function(){
                        return i*i;
                    })
                }
                return count;
            }

            var result=count();

            var f1=result[0];//16
            var f2=result[1];//16
            var f3=result[2];//;16

结果全部是16,引用变量i,等循环结束返回后,i变成4,才会将结果返回
返回闭包时牢记的一点就是：返回函数不要引用任何循环变量，或者后续会发生变化的变量。

如果想要循环的话,就要使用匿名函数并且立即执行

function changeCount(){
                var arr=[];
                for(var i=1;i<=3;i++){
                    arr.push((function(n){
                        return function (){
                            return n*n;
                        }
                    })(i));
                }
            }

一个立即执行的匿名函数可以把函数体拆开，一般这么写：

(function (x) {

(function (x) {
    return x * x;
})(3);

闭包还可以实现变量对外隐藏的功能,类似java的private修饰,如下代码在返回的对象中，实现了一个闭包，该闭包携带了局部变量x，并且，从外部代码根本无法访问到变量x

//计数器

            function create_counter(initial){
                var x=initial||0;
                return{
                    inc: function(){
                        x+=1;
                    return x;
                    }
                } 
            }

            var i=create_counter(19);
            i.inc();
            i.inc();