js中的闭包

xiaoxiao2021-02-28  97

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,就可以解决这个问题,如下所示

还有一种解决办法如下所示

转载请注明原文地址: https://www.6miu.com/read-63565.html

最新回复(0)