由闭包引出的垃圾回收
由闭包引出的垃圾回收
闭包的特性
- 函数嵌套函数
- 函数内部可以引用外部的参数和变量
- 参数和变量不会被垃圾回收机制回收
闭包的定义
闭包 是指有权访问另一个函数作用域中的变量的函数,创建闭包最常见的方式就是在一个函数内部创建l另一个函数,通过另一个函数访问这个函数的局部变量
主要应用闭包的场合:设计私有的方法和变量
闭包的优点
- 希望一个变量长期驻扎在内存中
- 避免全局变量的污染
- 私有成员的存在
闭包的缺点
闭包会使得函数中的变量都被保存在内存中,内存消耗很大,所以不能滥用闭包,否则会造成网页的性能问题。
在IE中可能导致内存泄露。解决方法是,在退出函数之前,将不使用的局部变量全部删除。
在 IE8 以下的版本里,DOM 对象经常会跟 JavaScript 之间产生循环引用。就会造成内存泄漏:
function closure() { var element = document.getElementById('someElement'); element.onclick = function(){ alert(element.id) // 这里导致element一直存在内存中 } }
应该将element解除引用来避免内存泄漏
function closure() { var element = document.getElementById('someElement'); var test = element.id element.onclick = function(){ alert(test) // 这里导致element一致存在内存中 } element = null }
JavaScript 的垃圾回收机制
看完内存泄漏需要了解下JavaScript的垃圾回收机制,首先JavaScript具有自动垃圾回收机制,会找出不再使用的变量,然后释放其占用的内存。常用的方法有两种,即标记清除和引用计数
引用计数
语言引擎有一张引用表,保存了内存里面所有的资源(各种值)的引用次数。如果一个值的引用次数为0,就表示这个值不再用到了,因此就可以将这块内存释放。但是引用计数有个最大的问题: 循环引用。
function func() { let obj1 = {}; let obj2 = {}; obj1.a = obj2; // obj1 引用 obj2 obj2.a = obj1; // obj2 引用 obj1 }
当函数 func 执行结束后,返回值为 undefined,所以整个函数以及内部的变量都应该被回收,但根据引用计数方法,obj1 和 obj2 的引用次数都不为 0,所以他们不会被回收。
要解决循环引用的问题,最好是在不使用它们的时候手工将它们设为空。上面的例子可以这么做:
obj1 = null; obj2 = null;
标记清除
JavaScript 中有个全局对象,浏览器中是 window。定期的,垃圾回收期将从这个全局对象开始,找所有从这个全局对象开始引用的对象,再找这些对象引用的对象...对这些活着的对象进行标记,这是标记阶段。清除阶段就是清除那些没有被标记的对象。
总结
闭包只会在IE8以下的版本中才有可能造成内存泄漏问题,在最新版本的浏览器中,可以通过标记清除的方式处理掉内存泄漏,不过闭包的变量会常驻内存,会造成一定的性能问题。