JavaScript内存泄漏及常见方式

た入场券 2022-05-22 04:23 224阅读 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 条评论，224人围观）

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

相关阅读

相关内存泄漏挑战：Java代码中常见内存泄漏现象及解决方案

在Java编程中，内存泄漏是一个常见的挑战。内存泄漏是指程序在申请内存后，无法释放已申请的内存空间，导致系统可用内存不断减少。以下是Java代码中常见的一些内存泄漏现象：

蔚落/ 2024年10月24日 01:03/ 0 赞/ 58 阅读

相关 Java内存泄漏：常见导致内存泄漏的原因及解决方案？

在Java中，内存泄漏通常是指程序在申请内存后，无法释放已申请的内存空间，导致系统可用内存持续减少。以下是Java内存泄漏的一些常见原因和解决策略： 1. `Thread

逃离我推掉我的手/ 2024年10月07日 01:09/ 0 赞/ 95 阅读

相关内存泄漏排查：Java代码中常见内存泄漏问题及解决方法

内存泄漏在Java编程中是一个严重的问题，它会导致系统可用内存逐渐减少。以下是一些常见的Java内存泄漏问题和解决方案： 1. **对象引用循环**：当一个对象引用另一个对象

男娘i/ 2024年09月13日 12:45/ 0 赞/ 146 阅读

相关「荐」常见内存泄漏及解决方案

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

缺乏、安全感/ 2023年01月22日 08:00/ 0 赞/ 20 阅读

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

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

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

相关 JavaScript常见的内存泄漏

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

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

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

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

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

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

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

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

相关常见内存泄漏问题

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

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

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

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

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