js中的闭包

来源:互联网 发布:js防水涂料 施工方法 编辑:程序博客网 时间:2024/06/05 04:35
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.onload=null,就可以解决这个问题,如下所示
这里写图片描述

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