关于javascript内存泄露

最新推荐文章于 2023-11-23 14:30:24 发布
最新推荐文章于 2023-11-23 14:30:24 发布
阅读量871 收藏
点赞数
分类专栏： java web开发 页面设计 文章标签： javascript mozilla object null 浏览器 internet
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zenglongx/article/details/5146035
版权

<html>
<body>
<script type="text/JScript">
for (i=0; i<10000; i++) {    // this loop enforces the effect
    var model = new Object();
    var element = document.createElement("<br>");
    model.myElement = element;
    element.myModel = model;
    model = null;
    element = null;
}
</script>
</body>
</html>

    上面脚本会发生内存泄漏，原因是javascript与dom形成循环引用，导致javascript，dom不能进行垃圾收集处理。

    分析原因是因为js和浏览器的垃圾收集原理不同，在js中创建的对象将会在没有指向该对象的引用时，进行内存回收，JavaScript 的垃圾收集机制本身并没有问题，但浏览器在为 DOM 对象分配和恢复内存的方式上却有些出入。Internet Explorer 和 Mozilla Firefox 均使用引用计数来为 DOM 对象处理内存。在引用计数系统，每个所引用的对象都会保留一个计数，以获悉有多少对象正在引用它。如果计数为零，该对象就会被销毁，其占用的内存也会返回给堆。虽然这种解决方案总的来说还算有效，但在循环引用方面却存在一些盲点。

    当两个对象互相引用时，就构成了循环引用，其中每个对象的引用计数值都被赋 1。在纯垃圾收集系统中，循环引用问题不大：若涉及到的两个对象中的一个对象被任何其他对象引用，那么这两个对象都将被垃圾收集。而在引用计数系统，这两个对象都不能被销毁，原因是引用计数永远不能为零。在同时使用了垃圾收集和引用计数的混合系统中，将会发生泄漏，因为系统不能正确识别循环引用。在这种情况下，DOM 对象和 JavaScript 对象均不能被销毁。

    针对上面的脚本做以下修改就能解决内存泄漏问题：

<html>
<body>
<script type="text/JScript">
for (i=0; i<10000; i++) {    // this loop enforces the effect
var model = new Object();
var element = document.createElement("<br>");
model.myElement = element;
element.myModel = model;
model.myElement = null;
model = null;
element = null;
}
</script>
</body>
</html>

参考：

http://blog.csdn.net/xljtang/archive/2008/06/30/2598910.aspx

http://wv1124.javaeye.com/blog/524896

http://www.javaeye.com/topic/180611

zenglongx
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
Javascript内存泄漏
01-30
但是，IE的早些版本（IE7和之前）中内存泄漏是很容易出现的，因为内存管理器不能正确理解Javascript生命周期而且在周期被打破(可以通过赋值为null实现)前不会回收内存。在大型Web应用程序中内存泄漏是一种常见的意外...
js内存泄漏及排查详解
qq_42880714的博客
06-29 3745
js内存泄漏及排查详解
js中的内存泄漏
qq_54591762的博客
01-21 3107
内存泄漏一般是指变量的内存没有及时的回收，导致内存资源浪费。一般有三种情况出现内存泄露比较多。（1）常见的声明了一个全局变量，但是又没有用上，那么就有点浪费内存了，（2）定时器没清除 （3）循环引用：
JavaScript 内存泄漏
weixin_43294560的博客
06-10 2172
内存泄漏：当不再用到的对象内存，没有及时被回收，想要避免就让无用数据不存在引用关系。 内存膨胀：即在短时间内内存占用极速上升到达一个峰值，想要避免需要使用技术手段减少对内存的占用。 频繁GC: GC执行的特别频繁，一般出现在频繁使用大的临时变量导致新生代空间被装满的速度极快，而每次新生代装满时就会触发 GC，频繁 GC 同样会导致页面卡顿，想要避免的话就不要搞太多的临时变量，因为临时变量不用了就会被回收。泄漏1:闭包泄漏2：隐式全局变量 因为没有声明和函数中this的问题造成了两个额外的隐式全局变量，这两
什么是javascript内存泄漏？以及解决方法
zhaojiaxing123的博客
12-07 2092
什么是javascript内存泄漏？以及解决方法
JS的内存泄漏详解
weixin_44384273的博客
11-06 202
js 内存泄漏
性能调优之Javascript内存泄漏
03-02
但是，IE的早些版本(IE7和之前)中内存泄漏是很容易出现的，因为内存管理器不能正确理解Javascript生命周期而且在周期被打破(可以通过赋值为null实现)前不会回收内存。在大型Web应用程序中内存泄漏是一种常见的意外...
详谈JavaScript内存泄漏
10-25
从什么是闭包、以及闭包所涉及的作用域链说起，讲述了JavaScript垃圾回收机制、循环引用、循环引用和闭包、IE中的内存泄漏以及解决方法，是篇非常详尽，非常不错的文章，这里推荐给大家。
JavaScript 中内存泄漏的几种情况？
zz130428的博客
06-26 581
并非指内存在物理上的消失，而是应用程序分配某段内存后，由于设计错误，导致在释放该段内存之前就失去了对该段内存的控制，从而造成了内存的浪费。进入环境的变量所占用的内存就不能释放，当变量离开环境时，则将其标记为“离开环境“然后，它会将所有在上下文中的变量，以及被在上下文中的变量引用的变量的标记去掉。这很麻烦，所以大多数语言提供自动内存管理，减轻程序员的负担，这被称为"垃圾回收机制"随后垃圾回收程序做一次内存清理，销毁带标记的所有值并收回它们的内存。语言中，因为是手动管理内存，内存泄露是经常出现的事情。
JS在哪些情况下会出现内存泄漏
最新发布
weixin_63490373的博客
11-23 124
内存泄漏是指⼀些被分配的内存空间，因为某些原因⽽⽆法被垃圾回收机制回收，导致占⽤内存空间⽆法被释放，最终会导致程序崩溃。总的来说，要避免内存泄漏，需要我们具备良好的编程习惯，及时清除不再需要的引用，合理使用闭包和定时器等技术，以及使用内存分析工具进行监测和调试。可复用的对象池是一种有效的内存管理技术，它可以在需要时创建对象，而不是一直创建新的对象。由于闭包会引用包含函数的变量，如果闭包一直存在，这些变量也会一直存在于内存中，无法被垃圾回收。递归会占用大量的内存，如果递归的深度过大，可能会导致内存泄漏。
JS常见内存泄漏及解决方案解析
11-20
内存泄漏？ 官方解释：内存泄漏（Memory Leak）是指程序中己动态分配的堆内存由于某种原因程序未释放或无法释放，造成系统内存的浪费，导致程序运行速度减慢甚至系统崩溃等严重后果。 通俗点就是指由于疏忽或者错误造成程序未能释放已经不再使用的内存，不再用到的内存却没有及时释放，从而造成内存上的浪费。 避免内存泄漏？ 在局部作用域中，等函数执行完毕，变量就没有存在的必要了，垃圾回收机制很亏地做出判断并且回收，但是对于全局变量，很难判断什么时候不用这些变量，无法正常回收；所以，尽量少使用全局变量。在使用闭包的时候，就会造成严重的内存泄漏，因为闭包中的局部变量，会一直保存在内存中。 内存溢出？
js内存泄露问题
05-27
NULL 博文链接：https://wv1124.iteye.com/blog/524896
js内存泄露的几种情况详细探讨
12-12
内存泄露是指一块被分配的内存既不能使用，又不能回收，直到浏览器进程结束。在C++中，因为是手动管理内存，内存泄露是经常出现的事情。而现在流行的C#和Java等语言采用了自动垃圾回收方法管理内存，正常使用的情况下几乎不会发生内存泄露。浏览器中也是采用自动垃圾回收方法管理内存，但由于浏览器垃圾回收方法有bug，会产生内存泄露。1、当页面中元素被移除或替换时，若元素绑定的事件仍没被移除，在IE中不会作出恰当处理，此时要先手工移除事件，不然会存在内存泄露。 代码如下: <div id=”myDiv”> <input type=”button” value=”Click me” id=”myBtn”>
Js内存泄漏及解决方案
08-07
Js内存泄漏及解决方案，来源与网上的各种面经
JS内存泄漏
Agoodoldcow的博客
02-07 1692
内存泄漏
JS中4种常见的内存泄漏
08-31 4937
上面代码中，如果bar是一个应该指向foo函数作用域内变量的引用，但忘记使用var来声明这个变量，这时就相当于创建了一个全局变量。本质上讲，内存泄漏是当一块内存不再被应用程序使用的时候，由于某种原因，这块内存没有返还给操作系统或空闲内存池的现象。关键的问题是每当在同一个父作用域下创建闭包作用域的时候，这个作用域是被共享的。形式的变量），而且每个闭包作用域都持有一个对大数组的间接引用，这导致了一个巨大的内存泄露。1）减少不必要的全局变量，或者生命周期较长的对象，及时对无用的数据进行垃圾回收；...
JavaScript 中内存泄漏
weixin_70317227的博客
07-20 103
内存泄漏（Memory leak）是在计算机科学中，由于疏忽或错误造成程序未能释放已经不再使用的内存并非指内存在物理上的消失，而是应用程序分配某段内存后，由于设计错误，导致在释放该段内存之前就失去了对该段内存的控制，从而造成了内存的浪费程序的运行需要内存。只要程序提出要求，操作系统或者运行时就必须供给内存对于持续运行的服务进程，必须及时释放不再用到的内存。否则，内存占用越来越高，轻则影响系统性能，重则导致进程崩溃在C语言中，因为是手动管理内存，内存泄露是经常出现的事情。
JavaScript 内存泄漏的7种场景，及避漏方法
大剑师兰特的GIS世界
09-27 992
内存泄露（Memory Leaks）：是指应用程序已经不再需要的内存，由于某种原因未返回给操作系统或者空闲内存池（Pool of Free Memory）。变慢、卡顿、高延迟。
javascript 回调 内存泄露
05-18
JavaScript 回调函数可能会导致内存泄漏，主要是因为回调函数在作用域链中引用了外部变量或对象，导致这些变量或对象无法被垃圾回收。 比较常见的情况是在事件监听器中使用回调函数，例如： ```javascript document.getElementById('myButton').addEventListener('click', function() { // do something }); ``` 在这个例子中，回调函数会一直存在于内存中，直到元素被移除或页面被卸载。如果回调函数中引用了外部变量或对象，这些变量或对象也会一直存在于内存中。 为了避免内存泄漏，可以使用以下方法： 1. 在不需要时手动移除事件监听器，例如： ```javascript var myButton = document.getElementById('myButton'); function handleClick() { // do something } myButton.addEventListener('click', handleClick); // 在不需要时移除事件监听器 myButton.removeEventListener('click', handleClick); ``` 2. 使用匿名函数而不是具名函数作为回调函数，例如： ```javascript document.getElementById('myButton').addEventListener('click', function() { // do something }); ``` 3. 尽量避免在回调函数中引用外部变量或对象，或者在使用完后手动将其置为 null，例如： ```javascript var myObject = {}; document.getElementById('myButton').addEventListener('click', function() { // do something with myObject myObject = null; }); ```

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值