JavaScript内存泄漏及常见方式

た入场券 2022-05-22 04:23 145阅读 0赞

#### 一 内存管理 ####

--------------------

程序的运行需要内存。只要程序提出要求，操作系统或者运行时（ `runtime`）就必须供给内存。对于JavaScript来说，有栈内存（ `stack`）和堆内存（ `heap`）。

对于持续运行的服务进程（`daemon`），必须及时释放不再用到的内存。否则，内存占用越来越高，轻则影响系统性能，重则导致进程崩溃。

不再用到的内存，没有及时释放，就叫做**内存泄漏**（`memory leak`）。

有些语言（比如 C 语言）必须手动释放内存，程序员负责内存管理。

char * buffer;
    buffer = (char*) malloc(42);
    
    // Do something with buffer
    
    free(buffer);

上面是 `C` 语言代码，`malloc`方法用来申请内存，使用完毕之后，必须自己用`free`方法释放内存。

这很麻烦，所以大多数语言提供自动内存管理，减轻程序员的负担，这被称为”**垃圾回收机制**“（garbage collector）。

#### 二 内存生命周期 ####

--------------------

1.  分配需要的内存
2.  使用它（读、写）
3.  当它不使用时释放

#### 三 js中的垃圾回收机制 ####

--------------------

1.  最常用的：标记清除，**“对象不再需要”定义为“对象是否可以获得”**
2.  引用计数，**“对象不再需要”定义为“没有其他对象引用到它”**  
    问题：循环引用

function problem(){ 
        var obj1=new Object();
        var obj2=new Object();
    
        obj1.a=obj2;
        obj2.a=obj1;
    }
    problem();

在上述代码中，函数problem调用后，obj1，obj2已经不再需要了，但是由于obj1与obj2相互引用，它们的引用次数至少为1，所以它们不会被回收。

IE中的BOM和DOM中的对象是以`C++`以`COM`（组件对象模型）的形式实现的，而COM对象的垃圾收集机制采用的就是引用计数。即使IE的JavaScript引擎是使用的标记清除来实现的，JavaScript对象依然是基于引用计数策略的。所以存在循环引用的问题。

var element=document.getElementById("id");
    var obj=new Object();
    obj.element=element;
    element.someObject=obj;

上述代码中，DOM元素和一个原生JavaScript对象相互引用。由于循环引用，即使将该DOM从该页面中移除，它也永远不会被回收。

怎么解决？手动断开原生JavaScript与DOM元素之间的连接。

obj.element=null;
    element.someObject=null;

手动断开后，当垃圾收集机制再次运行时会删除这些值并回收它们的内存。

`IE9`把`BOM`和`DOM`对象都转换成了真正的JavaScript对象。

#### 四 常见的内存泄漏的方式 ####

--------------------

*  意外的全局变量（变量未声明直接复制，this对象）
 *  被遗忘的计时器或者回调函数
 *  没有清除的DOM对象的引用
 *  闭包

#### 五 调试工具 ####

--------------------

可以通过Chrome Debug Tool来查看

*  timeline 可以检测代码中不需要的内存。
 *  profiles 可以记录当前的堆内存（heap）快照，并生成描述文件。

参考：[如何处理 JavaScript 内存泄露][JavaScript]

[JavaScript]: http://web.jobbole.com/92652/

发表评论取消回复

表情：

评论列表（有 0 条评论，145人围观）

还没有评论，来说两句吧...

相关阅读

相关前端常见内存泄漏及解决方案

作者：lzg9527 https://juejin.cn/post/6914092198170460168 最近收到测试人员的反馈说我们开发的页面偶现卡死，点击无反应的情

﹏ヽ暗。殇╰゛Y/ 2023年01月17日 08:17/ 0 赞/ 161 阅读

相关 JavaScript常见的内存泄漏

前言1 介绍2 内存泄露的主要原因3 常见的内存泄露3.1 全局变量3.2 计时器3.3 多处引用3.4 闭包4 Chrome内存分析工具资料前言在阅读这篇博客之前

矫情吗；*/ 2022年12月20日 12:34/ 0 赞/ 121 阅读

相关前端常见内存泄漏及解决方案总结

\\引起内存泄漏的原因意外的全局变量由于 js 对未声明变量的处理方式是在全局对象上创建该变量的引用。如果在浏览器中，全局对象就是 window 对象。变量在窗口关

小鱼儿/ 2022年10月25日 11:25/ 0 赞/ 255 阅读

相关 DirectBuffer及内存泄漏

创建Buffer对象时，可以选择从JVM堆中分配内存，也可以OS本地内存中分配，由于本地缓冲区避免了缓冲区复制，在性能上相对堆缓冲区有一定优势，但同时也存在一些弊端。两种缓

短命女/ 2022年08月14日 03:49/ 0 赞/ 153 阅读

相关 Javascript高级程序设计——15-2.常见的内存泄漏及解决内存泄漏

1、javascript中常见的内存泄漏问题常见的内存泄漏，第一种情况，大多数由于IE浏览器无法正常关闭导致的内存占用问题；第二种情况，是即使IE浏览器关闭，

骑猪看日落/ 2022年07月14日 13:25/ 0 赞/ 119 阅读

相关 javascript中的垃圾收集及内存泄漏

一、什么是内存泄漏？程序的运行需要内存。只要程序提出要求，操作系统或者运行时（runtime）就必须供给内存。对于持续运行的服务进程（daemon），必须及时释放

我会带着你远行/ 2022年06月08日 03:18/ 0 赞/ 115 阅读

相关常见内存泄漏问题

1.这个错误常见于代码行数比较多的时候 int p1 = (int )malloc(sizeof(20)); int p2 = (int )malloc(si

ゝ一纸荒年。/ 2022年05月26日 03:26/ 0 赞/ 290 阅读

相关 C++内存泄漏常见

程序中通常包含着静态内存和栈内存。静态内存用来保存局部static对象、类static数据成员以及定义在任何函数之外的变量（全局变量）。栈内存用来保存定义在函数内的非stat

今天药忘吃喽~/ 2022年05月24日 13:36/ 0 赞/ 164 阅读

相关 JavaScript内存泄漏及常见方式

一内存管理 -------------------- 程序的运行需要内存。只要程序提出要求，操作系统或者运行时（ `runtime`）就必须供给内存。对于Jav

た入场券/ 2022年05月22日 04:23/ 0 赞/ 146 阅读

相关内存泄漏的常见原因

内存泄漏经常是由于scrapy开发者在Requests中（有意或无意）传递对象的引用（例如，使用meta属性或者request回调函数），使得该对象的生命周期与Request的

缺乏、安全感/ 2022年01月25日 16:19/ 0 赞/ 2036 阅读