js中的闭包

1. 什么是闭包

这里写图片描述
闭包:弹出5
这里写图片描述

下面这种情况会被垃圾回收机制回收
这里写图片描述

2. 闭包的好处

1)希望一个变量长期驻扎在内存中
2)避免全局变量的污染
alert(a),会弹出1,但是尽量不要全局变量,所以这种写法不好。
这里写图片描述
将a变成局部变量,但是因为垃圾回收机制,所以不累加,每次弹出来都是a。
这里写图片描述
要想实现既要把a变为局部变量,又要累加,可以使用闭包,如下所示。
alert(a)会报错。
这里写图片描述

3)私有成员的存在
如下所示,alert(a),alert(bbb),alert(ccc)都会报错
这里写图片描述
这里写图片描述

3. 闭包的用法

1)模块化代码
将函数声明加上()(),就会变成函数表达式,从而立即执行
如下所示
这里写图片描述
所以上面的代码可以改写成
这里写图片描述

2)在循环中直接找到对应元素的索引

<ul>
<li>111111111111111111</li>
<li>222222222222222222</li>
<li>333333333333333333</li>
</ul>

这里写图片描述

不管点哪个li都会弹出3,因为for循环结束的时候,下面的还没有执行,只有去点的时候才会去执行,但是点的时候,for循环已经结束,所以会弹出3。

可以用闭包解决。内部函数可以调用外部函数传进来的参数i,而外部函数执行完毕也不会影响到内部函数。点哪个弹哪个。
这里写图片描述

也可以这样写,因为循环的时候i已经被驻扎在内部了,所以点击的时候取得是放在内存中的i,而不是外面的i
这里写图片描述

4. 闭包需要注意的地方

1)IE下会引发内存泄露
满足内存泄露的条件:一个变量获取DOM节点或者宿主对象的时候,函数又去引用外部变量即oDiv的时候。
即页面跳转的时候,这个变量不会被释放,一直累加,只有关闭浏览器的时候才会释放。加上window.οnlοad=null,就可以解决这个问题,如下所示
这里写图片描述

还有一种解决办法如下所示
这里写图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值