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();