资讯专栏INFORMATION COLUMN

由闭包引出的垃圾回收

MoAir / 884人阅读

摘要:就会造成内存泄漏这里导致一直存在内存中应该将解除引用来避免内存泄漏这里导致一致存在内存中的垃圾回收机制看完内存泄漏需要了解下的垃圾回收机制,首先具有自动垃圾回收机制,会找出不再使用的变量,然后释放其占用的内存。

由闭包引出的垃圾回收 闭包的特性

函数嵌套函数

函数内部可以引用外部的参数和变量

参数和变量不会被垃圾回收机制回收

闭包的定义

闭包 是指有权访问另一个函数作用域中的变量的函数,创建闭包最常见的方式就是在一个函数内部创建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以下的版本中才有可能造成内存泄漏问题,在最新版本的浏览器中,可以通过标记清除的方式处理掉内存泄漏,不过闭包的变量会常驻内存,会造成一定的性能问题。

原文地址:https://github.com/hu970804/L...

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/97023.html

相关文章

  • 浅谈js内存与闭包

    摘要:将他们放在堆中是为了不影响栈的效率。接着是临时空间函数执行的时候,会临时开辟一块内存空间,这块内存空间长得和外面这个一样,也有自己的栈堆,当函数运行完就销毁。中的内存第一个部分还是和上面的一样,有栈堆运行时环境,另外还有一个缓冲区存放。 0.前言 主要结合了内存的概念讲了js的一些的很简单、但是又不小心就犯错的地方。结论:js执行顺序,先定义,后执行,从上到下,就近原则。闭包可以让外部...

    dailybird 评论0 收藏0
  • 夯实基础-作用域与闭包

    摘要:作用域分类作用域共有两种主要的工作模型。换句话说,作用域链是基于调用栈的,而不是代码中的作用域嵌套。词法作用域词法作用域中,又可分为全局作用域,函数作用域和块级作用域。 一篇巩固基础的文章,也可能是一系列的文章,梳理知识的遗漏点,同时也探究很多理所当然的事情背后的原理。 为什么探究基础?因为你不去面试你就不知道基础有多重要,或者是说当你的工作经历没有亮点的时候,基础就是检验你好坏的一项...

    daydream 评论0 收藏0
  • JavaScript 工作原理之三-内存管理及如何处理 4 类常见内存泄漏问题(译)

    摘要:这是因为我们访问了数组中不存在的数组元素它超过了最后一个实际分配到内存的数组元素字节,并且有可能会读取或者覆写的位。包含个元素的新数组由和数组元素所组成中的内存使用中使用分配的内存主要指的是内存读写。 原文请查阅这里,本文有进行删减,文后增了些经验总结。 本系列持续更新中,Github 地址请查阅这里。 这是 JavaScript 工作原理的第三章。 我们将会讨论日常使用中另一个被开发...

    weknow619 评论0 收藏0
  • 前端面试之闭包

    摘要:在函数内部的变量称之为局部变量,它可以在函数内部读取,在函数外部无法正常读取,如果想要读取函数内部的变量则需要用到闭包。 前端面试之闭包 闭包属于属于JavaScript的难点,但是在很多高级应用都需要用到,也是前端面试中经常会考到的点。 作用域 谈到闭包首先必须了解作用域,ES5中,JavaScript的作用域只有两种,一种是全局作用域,变量在整个程序中一直存在,所有地方都可以读取;...

    jackzou 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<