引发内存泄漏的情况以及如何解决内存泄漏?

内存泄漏含义:

内存泄漏指任何对象在不再拥有或需要它之后任然存在。

引发内存泄漏的情况:

  • 垃圾回收器定期扫描对象,并计算引用了每个对象的其他对象的数量。如果一个对象的引用数量为0(没有其他对象引用过该对象)或对该对象的唯一引用是循环的,那么该对象的内存即可回收。
  • setTimeout的第一个参数使用字符串而非函数的话,会引发内存泄漏。
  • 闭包、控制台日志、循环(在两个对象彼此引用且彼此保留时,就会产生一个循环)。

解决内存泄漏方法

global variables

对未声明的变量的引用在全局对象内创建一个新变量,在浏览器中,全局对象就是window

function foo(arg){
 var='some text'  //等同于window.var ='some text'
}

解决:创建意外的全局变量

function foo(){
 this.var='potential accident'
}
  • 可以在js文件开头添加 use strict,使用严格模式。这样在严格模式下解析js可以防止意外的全局变量。
  • 在使用完之后,对其赋值为null或者重新分配。

使用timers或者callbacks

在js中使用setInterval非常常见。

大多数库都会提供观察者或者其它工具来处理回调函数,在他们自己的实例变为不可达时,会让回调函数也变为不可达,对于setInterval,下面这样的代码非常常见:

var servarData=loadData()
setInterval(function(){
 var render =document.getElementById('render')
 if(render){
  render.innerHTML=JSON.stringify(serverData)
 }
},5000)

这个例子阐述着timers可能发生的情况:计时器会引用不再需要的节点或数据。

闭包可以访问外部(封闭)函数变量的内部函数

js开发的一个关键方面就是闭包:一个可以访问(封闭)函数变量的内部函数。

var theThing=null
var replaceThing=function(){
 var  originalThing=theThing
 var unused=function(){
  if(originalThing) console.log('hi')
  theThing={
   longStr:new Array(1000000).join('*'),
   someMethod:function(){
     console.log('message')
    }
  }
 }
}
setInterval(replaceThing,1000)

DOM引用

有时候,在数据结构中存储DOM结构是有用的,假设要快速更新表中的几行内容,将每行DOM的引用存储在字典或数组中可能是有意义的,当这种情况发生时,就会保留同一DOM元素的两份引用:一个在DOM树中,另一个在字典中,如果将来某个时候你决定要删除这些行,则需要让两个引用都不可达。

var elements ={
  button:document.getElementById('button'),
  image:document.getElementById('image')
}
function doStuff(){
  elements.image.src='http://example.com/image_name.png'
}
function removeImage(){
  document.body.removeChild(document.getElementById('image'))
}

以上就是关于引发内存泄漏的情况以及如何解决内存泄漏方法,希望对大家有用。

「点点赞赏,手留余香」

0

给作者打赏,鼓励TA抓紧创作!

微信微信 支付宝支付宝

还没有人赞赏,快来当第一个赞赏的人吧!

声明:本站所有资源及文章均来源于网络及用户分享或为本站原创,仅限用于学习和研究,任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。
码云笔记 » 引发内存泄漏的情况以及如何解决内存泄漏?

发表评论

IT互联网行业相关广告投放 更专业 更精准

立即查看 联系我们