十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
小编给大家分享一下JavaScript中内存泄漏指的是什么,希望大家阅读完这篇文章后大所收获,下面让我们一起去探讨吧!
创新互联公司是一家集网站建设,延庆企业网站建设,延庆品牌网站建设,网站定制,延庆网站建设报价,网络营销,网络优化,延庆网站推广为一体的创新建站企业,帮助传统企业提升企业形象加强企业竞争力。可充分满足这一群体相比中小企业更为丰富、高端、多元的互联网需求。同时我们时刻保持专业、时尚、前沿,时刻以成就客户成长自我,坚持不断学习、思考、沉淀、净化自己,让我们为更多的企业打造出实用型网站。
内存泄漏指的是当一个对象不起作用时应该被回收时却因为另一个对象对它的引用而导致它不能被回收,留在了堆内存中就称为内存泄漏。常见的有意外全局变量,DOM泄漏以及循环引用等
内存泄漏
内存泄漏一般指的是当一个对象已经没有作用了应该被回收时,另外一个正在使用的对象因对它的引用从而导致它不能被回收,这个不能被回收的对象停留在了堆内存中,这就造成了内存泄漏
当一个对象已经不需要再使用本该被回收时,另外一个正在使用的对象持有它的引用从而导致它不能被回收,这导致本该被回收的对象不能被回收而停留在堆内存中,这就产生了内存泄漏
常见的内存泄漏:
1、意外的全局变量
Js处理未定义变量的方式:未定义的变量会在全局对象创建一个新变量,在浏览器中,全局对象是window。
function foo(arg) { bar = "this is a hidden global variable"; //等同于window.bar="this is a hidden global variable" this.bar2= "potential accidental global";//这里的this 指向了全局对象(window), 等同于window.bar2="potential accidental global"}
解决方法:在JavaScript程序中添加,开启严格模式'use strict',可以有效地避免上述问题。
注意:用来临时存储大量数据的全局变量,在确保处理完这些数据后要将其设置为null或者重新赋值。
2、DOM泄漏
在浏览器中DOM和JS所采用的引擎是不一样的,DOM采用的是渲染引擎,而JS采用的是v8引擎,所以在用JS操作DOM时会比较耗费性能,所以为了减少DOM的操作,我们会采用变量引用的方式会将其缓存在当前环境。如果在进行一些删除、更新操作之后,可能会忘记释放已经缓存的DOM因此造成了内存泄漏
例:对没有清理的DOM元素引用
var refA = document.getElementById('refA'); document.body.removeChild(refA); // #refA不能回收,因为存在变量refA对它的引用。 将其对#refA引用释放,但还是无法回收#refA。
解决办法:设置refA = null;
3、被遗忘的计时器和回调函数
var someResource = getData(); setInterval(function() { var node = document.getElementById('Node'); if(node) { node.innerHTML = JSON.stringify(someResource)); } }, 1000);
这样的代码很常见, 如果id为Node的元素从DOM中移除, 该定时器仍会存在, 同时, 因为回调函数中包含对someResource的引用, 定时器外面的someResource也不会被释放
4、循环引用
在js的内存管理环境中,如果对象 A 对B有访问对象的权限,就称为对象 A 引用对象 B。引用的计数的策略就是看对象有没有其他对象引用到它,如果没有对象引用这个对象,那么这个对象将会被回收 。
var obj1 = { a: 1 }; // 一个对象(称之为 A)被创建,赋值给 obj1,A 的引用个数为 1 var obj2 = obj1; // A 的引用个数变为 2 obj1 = 0; // A 的引用个数变为 1 obj2 = 0; // A 的引用个数变为 0,此时对象 A 就可以被垃圾回收了
但是引用计数有个最大的问题就是循环引用。
function func() { var obj1 = {}; var obj2 = {}; obj1.a = obj2; // obj1 引用 obj2 obj2.a = obj1; // obj2 引用 obj1 }
当函数执行结束后,返回值为 undefined,所以整个函数以及内部的变量都应该被回收,但根据引用计数方法,obj1 和 obj2 的引用次数都不为 0,所以他们不会被回收。所以要解决这个问题可以设置它们的值为null
看完了这篇文章,相信你对JavaScript中内存泄漏指的是什么有了一定的了解,想了解更多相关知识,欢迎关注创新互联行业资讯频道,感谢各位的阅读!