javascript 闭包简单易懂

[size=medium][b]1.什么是闭包[/b][/size]
”官方“的解释是:闭包是一个拥有许多变量和绑定了这些变量的环境的表达式(通常是一个函数),因而这些变量也是该表达式的一部分。
通俗的说:JavaScript中所有的function都是一个闭包。不过一般来说,嵌套的function所产生的闭包更为强大,也是大部分时候我们所谓的“闭包”。


[size=medium][b]2.举例说明[/b][/size]
<script type="text/javascript">
var n = 1;//全局变量
function test1(){
var n2 = 2;//局部变量
}
alert(n2);//不能访问局部变量
</script>


如果我们想要访问局部变量,该怎么办呢?”闭包“就能解决这个问题,代码如下
<script type="text/javascript">
var n = 1;
function test1(){
var n2 = 2;
function inner(){ //inner是test1的嵌套函数,inner的存在依赖于test1
return n2;
}
return inner; //注意:返回的是inner函数
}

var value = test1(); //全局变量value引用inner函数(test1函数返回的是inner函数)
alert(value());//返回2
</script>
上面注解的3行就构成了”闭包“


[size=medium][b]3.闭包的优缺点[/b][/size]
[color=red][b]优点:[/b][/color](1).可以访问局部变量
(2).让这些变量的值始终保持在内存中。
优点一上面已经演示了,优点二看如下代码:
<script type="text/javascript">
var n = 1;
function test1(){
var n2 = 2;
function inner(){
n2++;//n2=3
return n2;
}
return inner;
}

var value = test1();
value();//n2=3
value();//n2=4
alert(value());//n2=5
</script>
解释:因为全局变量value引用函数inner,inner依赖于test1函数,全局变量一直都在内存中,所以test1函数的资源也一直都在函数中

[color=red][b]缺点:[/b][/color]正是由于优点二,变量都被保存在内存中,内存消耗很大,所以不能滥用闭包,否则会造成网页的性能问题,在IE中可能导致内存泄露。解决方法是,在退出函数之前,将不使用的局部变量全部删除。
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值