Javascript内存管理

最新推荐文章于 2024-07-20 17:12:17 发布
最新推荐文章于 2024-07-20 17:12:17 发布
阅读量171 收藏 1
点赞数
分类专栏： javascript web前端 文章标签： 内存管理 JavaScript内存 js内存

内存泄漏

在程序中，当声明变量、定义函数的时候都会使用内存。那些程序用不到，没有予以释放的内存，就造成内存泄漏.(memory leak)

垃圾回收

  1. 引用计数
    跟踪记录每个值被引用的次数；将一个引用类型给一个变量赋值时，这个值的引用次数就变成了1，同一个值为引用次数为0时，就可以被回收
  2. 标记清除
    垃圾收集器给存储在内存的变量加上标记，然后去掉环境中的变量以及被引用变量的标记。

JavaScript中的内存泄漏

1.循环引用造成的内存泄漏

两个对象互相引用，由于他们互相引用至少一次，所以不会被回收

 <html>
    <body>
        <script type="text/javascript">
            document.write("Circular references between JavaScript and DOM!");
            var obj;
            window.onload = function(){
                obj=document.getElementById("DivElement");
                document.getElementById("DivElement").expandoProperty=obj;
                obj.bigString=new Array(1000).join(new Array(2000).join("XXXXX"));
            };
        </script>
        <div id="DivElement">Div Element</div>
    </body>
 </html>

2.调用外部方法造成的内存泄漏

声明一个全局变量，this指window对象，会被window引用，所以不会被内存回收

  <html> 
    <head> 
        <script type="text/javascript">
         function myFunction(element) { 
            this.elementReference = element;
            // This code forms a circular reference he//by DOM-->JS-->DOM
            element.expandoProperty = this;
        }
        function Leak() {
            //This code will leak
            new myFunction(document.getElementById("myDiv"));
        }
        </script>
    </head>
    <body onload="Leak()">
        <div id="myDiv"></div>
    </body>
 </html>

3.事件处理器造成的内存泄漏

obj包含了对dom对象#element的引用，反过来说dom对象也包含了对obj的引用，
他们相互引用就造成了内存泄漏

 <html>
    <body>
    <script type="text/javascript">
        document.write("Program to illustrate memory leak via closure");
        window.onload=function outerFunction(){
            var obj = document.getElementById("element");
            obj.onclick=function innerFunction(){
                alert("Hi! I will leak");
            };
            obj.bigString=new Array(1000).join(new Array(2000).join("XXXXX"));
            // This is used to make the leak significant
        };
    </script>
    <button id="element">Click Me</button>
    </body>
 </html>

JavaScript中的闭包

内部函数

function parentFunction(paramA)
 {
    var a = paramA;
    function childFunction()
    {
    return a + 2;
    }
    return childFunction();
 }

简单的闭包

 <html>
    <body>
    <script type="text/javascript">
        window.onload= function closureDemoParentFunction(paramA)
        {
            var a = paramA;
            return function closureDemoInnerFunction (paramB)
            {
                alert( a +" "+ paramB);
            };
        };
        var x = closureDemoParentFunction("outer x");
        x("inner x");
    </script>
    </body>
 </html>

如何避免内存泄漏

1.终止循环引用

 <html>
    <body>
        <script type="text/javascript">
            window.onload=function outerFunction(){
                var obj = document.getElementById("element");
                obj.onclick=function innerFunction()
                {
                    alert("Hi! I have avoided the leak");
                    // Some logic here
                };
                obj.bigString=new Array(1000).join(new Array(2000).join("XXXXX"));
                obj = null; //This breaks the circular reference
            };
        </script>
        <button id="element">"Click Here"</button>
    </body>
 </html>

2.添加另一种闭包

 <html>
    <body>
        <script type="text/javascript">
            window.onload=function outerFunction(){
                var anotherObj = function innerFunction()
                {
                    // Some logic here
                    alert("Hi! I have avoided the leak");
                };
                (function anotherInnerFunction(){
                    var obj = document.getElementById("element");
                    obj.onclick=anotherObj }
                )();
            };
        </script>
    <button id="element">"Click Here"</button>
    </body>
 </html>

3.避免使用闭包

<html>
    <head>
    <script type="text/javascript">
        window.onload=function()
        {
            var obj = document.getElementById("element");
            obj.onclick = doesNotLeak;
        }
        function doesNotLeak()
        {
            //Your Logic here
            alert("Hi! I have avoided the leak");
        }
    </script>
    </head>
    <body>
        <button id="element">"Click Here"</button>
    </body>
 </html>

说明

文章参考IBM article on “Memory leak patterns in JavaScript” (2007)

lyqhn2012
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JavaScript内存管理介绍
10-24
主要介绍了JavaScript内存管理介绍,本文讲解了内存生命周期、JavaScript的内存分配、通过函数调用的内存分配、当内存不再需要使用时释放等内容,需要的朋友可以参考下
javascript内存管理详细解析
10-26
JavaScript内存管理是编程中的关键环节，它涉及到程序的性能和稳定性。JavaScript是一种高级语言，其内存管理由垃圾回收机制自动处理，但理解这一过程对优化代码和避免内存泄漏至关重要。 内存生命周期在所有编程...
javascript的内存管理
weixin_33801856的博客
12-14 87
　　介绍 　　低层次的语言，如C，具有低级别的内存管理命令，如：malloc()和free()，需要开发者手工释放内存。然而像javascript这样的高级语言情况则不同，对象（objects, strings 等）创建的时候分配内存，当他们不在使用的时候内存会被自动回收，这个自动回收的过程被称为垃圾回收。因为垃圾回收的存在，让javascript等高级语言开发者产生了一个错误的认识，以为可以不...
JavaScript内存管理机制以及四种常见的内存泄漏解析
imgxr的博客
10-08 2837
原文：How JavaScript works: memory management + how to handle 4 common memory leaks 作者：Alexander Zlatkov 译者：雁惊寒 【译者注】本文介绍了JavaScript在内存管理方面的工作原理，同时列举了4种常见的内存泄漏和处理方式。以下为译文：几个星期前，我们开始编写深入研究JavaScr...
JavaScript 一些使用方法
lyqhn2012的专栏
04-19 504
1.jq 另一种取值方式// var val = $input.val() var val = $("#input")['val'] 2.正则表达式html模板的运用<div id="template"> <div>{{ firstName }} {{ lastName }}</div> </div> var mjson = { firstName:"lyqhn2012 ",
javaScript内存管理及监控
我就是我
12-13 2783
javascript 内存管理及查看内存
关于JavaScript内存管理
从来无所求，所得皆惊喜！
11-23 790
简介 像C语言这样的底层语言一般都有底层的内存管理接口，比如 malloc()和free()。相反，JavaScript是在创建变量（对象，字符串等）时自动进行了分配内存，并且在不使用它们时“自动”释放。 释放的过程称为垃圾回收。这个“自动”是混乱的根源，并让JavaScript（和其他高级语言）开发者错误的感觉他们可以不关心内存管理。 内存生命周期 不管什么程序语言，内存生命周期基本是一致的： 分配你所需要的内存 使用分配到的内存（读、写） 不需要时将其释放\归还 所有语言第二部分都是明确的。第一和第
javaScript 内存管理机制
github_36774378的博客
04-14 1213
通过 js 内存管理与 js 垃圾，常见的 GC 算法，V8 引擎的垃圾回收三部分讲述 JavaScript 内存管理机制
javaScript 内存管理
是程序喵呀
03-22 1176
分配到 to 空间，然后进行反转，将 from 空间和 to 空间进行互换，进行垃圾 回收时，将 to 空间的内存进行释放，简而言之 from 空间存放不被释放的对象，to 空间存放被释放的对象，当垃圾回收时将 to 空间的对象全部进行回收。堆内存：引用数据类型会在堆内存中开辟一个空间，并且会有一个十六进制的内存地址，在栈内存中声明的变量的值就是十六进制的内存地址。所谓的垃圾回收就是找出那些不再继续使用的变量，然后释放出其所占用的内存，垃圾回收会按照固定的时间间隔周期性的执行这一操作。
JavaScript的内存管理
huangpb的博客
01-01 1522
前言 像C语言这样的底层语言一般都有底层的内存管理接口，比如 malloc()和free()用于分配内存和释放内存。 而对于JavaScript来说，会在创建变量时分配内存，并且在不再使用它们时“自动”释放内存，这个自动释放内存的过程称为垃圾回收。 因为自动垃圾回收机制的存在，让大多Javascript开发者感觉他们可以不关心内存管理，所以会在一些情况下导致内存泄漏。 一、内存结构 内存分为...
javascript——内存管理
不知道写的什么
06-04 937
JavaScript内存管理是Web开发中的一个重要主题。正确管理内存可以提高应用程序的性能和稳定性。本文将介绍JavaScript中的内存管理概念、常见的内存泄漏问题以及一些有效的内存管理技巧。
JavaScript内存管理和内存泄漏
weixin_39805244的博客
05-21 881
像C语言这样的底层语言，一般是`由应用程序手动分配内存和释放内存的`。而JavaScript是`由引擎自动完成内存管理`的。虽然JavaScript会自动释放内存，但如果编码不当，也会造成`内存泄漏`问题。文章分析了JavaScript的`内存管理机制`，同时，总结了几种典型的内存泄漏的场景，最后，介绍了排查内存泄漏的相关实践。希望能够帮助我们在编码中尽量避免内存泄漏的问题，即使有问题了也可以快速定位。
javascript的内存管理详解
12-11
JavaScript的内存管理是其语言特性中的重要组成部分，它与低级语言如C的内存管理机制有着显著的区别。在JavaScript中，内存的分配和回收是由垃圾回收机制自动处理的，这使得开发者无需显式地去释放内存，从而降低了...
Fortran: 动态数组(allocatable),指针(pointer),内存管理和泄漏(memory leaks)
weixin_42849849的博客
07-20 136
how-to-prevent-memory-leaks-with-allocatable-components-of-derived-types how-to-test-if-pointer-array-is-allocated exploring-pointers-in-fortran-when-and-how-to-use-them understanding-fortran-pointers when-a-final-subroutine-is-called swapping-arrays-durin
浏览器的垃圾回收机制
山重水复疑无路，柳暗花明又一村。
07-18 859
‌内存泄漏是指在程序运行过程中，‌动态分配的内存没有得到释放，‌导致可用内存逐渐减少。：‌通过及时回收不再需要的内存，‌垃圾回收机制有助于提高浏览器的运行性能和响应能力。与其他需要手动管理内存的语言不同，在 JavaScript 中，当我们创建变量（对象，字符串等）的时候，系统会自动给变量分配对应的内存。当系统发现这些变量不再被使用的时候，会自动释放（垃圾回收）这些变量的内存，开发者不用过多的关心内存问题。当对象的引用计数器为0时，即没有任何引用指向它时，该对象被判定为不再被使用，可以回收。
【内存管理】内存管理的物理内存初始化
weixin_54954007的博客
07-19 1534
本文描述Linux内存管理的物理内存初始化中涉及基础知识。
动态内存管理
2302_81226481的博客
07-20 163
new对于内置类型只开空间相当于malloc，里面存的是随机值，但对于自定义类型就不一样了，他们去掉用构造函数去进行初始化操作。在C语言中我们用malloc，calloc，realloc，free来管理堆上的内存，那么c++是怎样的呢？delete也是一样的，对于内置类型相当于free，但是对于内置类型他会先调用析构函数，然后才释放空间。从中我们可以看到比C语言更加简洁，因为省掉了强制类型转换和需要传参传字节数的麻烦。c++用new和delete两个关键字去取代了上诉函数。这是一个简单的例子。
【Python 中的内存管理有哪些优缺点】
qq_36253366的博客
07-19 399
Python中的内存管理是一个复杂而高效的系统，它通过自动化和抽象化的方式极大地简化了程序员的内存管理负担，但同时也存在一些潜在的缺点。
C++内存管理
最新发布
2302_79981885的博客
07-20 800
下一篇博客我们来学习一些模版。
JavaScript内存管理与泄漏检测
"JavaScript内存管理是开发者关注的重要领域，尤其是对于使用V8引擎的Chrome浏览器中的JS应用。内存泄漏可能导致应用程序性能下降，甚至崩溃。本文档深入探讨了几种可能导致JavaScript内存泄漏的情况，并提供了如何...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值