JavaScript闭包

时间：2016-10-08 16:13:50 阅读：173 评论：0 收藏：0 [点我收藏+]

标签：

闭包：相关参数和变量都保存在返回的函数中，这种称为“闭包（Closure）

1. 函数作为返回值。

var a = [1,2,3,4,5]

var fun = function(arr)

{

var sum = function()

{

var s = 0;

for(var i of arr)

{

s = s + i;

}

return s;

}

return sum;

}

var f = fun(a)

alert(f())//15

每次调用都会返回一个新的函数，即使传入相同的参数。

2. 返回的函数并没有立刻执行，而是直到调用了f()才执行。

var fun1=function()

{

var arr = [],i;

for(i=1;i<4;i++)

{

arr.push(function()

{return i*i;})

}

return arr;

}

var ar = fun1();

f1 = ar[0];

f2 = ar[1];

f3 = ar[2];

alert(f1()) //16

alert(f2()) //16

alert(f3())//16

因为函数最开始没有执行，当执行的时候i的值已经是4了，这三个函数都根据i的引用得到了16。解决办法方法是再创建一个函数，用该函数的参数绑定循环变量当前的值，无论该循环变量后续如何更改，已绑定到函数参数的值不变。看下面

var fun1=function()

{

var arr = [],i;

for(i=1;i<4;i++)

{

arr.push((function(n)

{

return function()

{return n*n;}

})(i));//创建一个函数并立即执行

}

return arr;

}

var ar = fun1();

f1 = ar[0];

f2 = ar[1];

f3 = ar[2];

alert(f1()) //1

alert(f2()) //4

alert(f3()) //9

一个立即执行的匿名函数：

(function (x) {

    return x * x;

})(3);

3.封装一个私有变量

var fun2 = function(init)

{

var x = init||0;

return {

incou:function () {

x = x+1;

return x;

}

var p = fun2()

alert(p.incou()) //1

alert(p.incou()) //2

var pe = fun2(10)

alert(pe.incou()) //11

alert(pe.incou())//12

闭包就是携带状态的函数，并且它的状态可以完全对外隐藏起来。

4. 闭包把多参数的函数变成单参数的函数。

function fun3(x)

{

function fun(n)

{

return Math.pow(n,x)

}

return fun;

}

var pow2 = fun3(2)

var pow3 = fun3(3)

alert(pow2(5)) //25

alert(pow3(5)) //125

JavaScript闭包

标签：

原文地址：http://www.cnblogs.com/magicroc/p/5938764.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行