前端内存小结

内存问题

内存泄漏

就是申请了内存,但是没有释放,导致内存空间浪费。通俗说法就是有人占着茅坑不拉屎。

引起原因

  • 全局变量
function leaks(){
    
      
  leak = 'xxxxxx';    //leak 成为一个全局变量,不会被回收
}
  • 闭包:闭包的概念是我有个代码区域,使用了外层区域某个变量,那么这个代码区域执行完之前,外层的那个变量肯定不能被释放,这就是闭包
var leaks = (function(){
    
      
    var leak = 'xxxxxx';// 被闭包所引用,不会被回收
    return function(){
    
    
        console.log(leak);
    }
})()

  • 对DOM的引用,dom 清空时还存在引用、给DOM对象添加的属性是一个对象的引用
<div id="container"></div>
$('#container').bind('click', function(){
    
    
    console.log('click');
}).remove();
  • 定时器
var someResource = getData(); 
setInterval(function() {
    
     
    var node = document.getElementById('Node'); 
    if(node) {
    
     
        // 处理 node 和 someResource 
        node.innerHTML = JSON.stringify(someResource)); 
    } 
}, 1000); 

未捕获的异常/console.error

内存溢出

就是申请内存时没有足够的内存空间。通俗说法就是去蹲坑发现坑位满了。

垃圾回收机制

垃圾回收GC的全拼是 Garbage Collection

标记清除

标记阶段:从根集合出发,将所有活动对象及其子对象打上标记
清除阶段:遍历堆,将非活动对象(未打上标记)的连接到空闲链表上

优点 是 实现简单, 容易和其他算法组合
缺点是 碎片化, 会导致无数小分块散落在堆的各处,分配速度不理想,每次分配都需要遍历空闲列表找到足够大的分块

标记压缩

和“标记-清除”相似,不过在标记阶段后它将所有活动对象紧密的排在堆的一侧(压缩),消除了内存碎片, 不过压缩是需要花费计算成本的

优点
有效利用了堆,不会出现内存碎片 也不会像复制算法那样只能利用堆的一部分

缺点
压缩过程的开销,需要多次搜索堆

计数引用

引用计数,就是记录每个对象被引用的次数,每次新建对象、赋值引用和删除引用的同时更新计数器,如果计数器值为0则直接回收内存。 很明显,引用计数最大的优势是暂停时间短

优点
可即刻回收垃圾
最大暂停时间短
没有必要沿指针查找, 不要和标记-清除算法一样沿着根集合开始查找
缺点
计数器的增减处理繁重
计数器需要占用很多位
实现繁琐复杂, 每个赋值操作都得替换成引用更新操作
循环引用无法回收

其他问题

如果线程请求的栈深度大于虚拟机所允许的最大深度,将抛出StackOverflowError异常
如果虚拟机的栈内存允许动态扩展,当扩展栈容量无法申请到足够的内存时,将抛出 OutOfMemoryError异常

猜你喜欢

转载自blog.csdn.net/qq_29334605/article/details/123753426