js内存泄漏

1  什么是内存泄漏

程序的运行需要内存， 对于持续运行的程序， 必须及时释放不再用到的内存

不再用到的内存， 没有及时释放，叫做内存泄漏

 

2 垃圾回收机制

垃圾回收机制是怎么知道哪些内存不需要， 常用的方法是  ‘引用计数’，

如果一个值的引用次数是0， 表示 这个值不再用到了，因此可以将这块内存释放

const arr = [1, 2, 3, 4];

数组 [1, 2, 3, 4]是一个值，会占用内存，变量arr是仅有对这个值的引用，因此引用次数为1

尽管后面的代码没有用到arr,还是会持续占用内存

如果使用  

let arr = [1,2,3,4];  arr = null; 就会解除对[1,2,3,4]的引用， 引用次数变为0，内存就可以释放

 

 

3  栈内存和堆内存的回收机制

栈：由编译器自动分配释放，存放函数的参数值，局部变量的值等，

栈使用的是一级缓存， 通常被调用时处于存储空间中，调用完毕立即释放

堆： 一般是由程序员分配释放，若程序员不释放，程序结束时由OS回收，

堆是存放在二级缓存中，生命周期由虚拟机的垃圾回收算法决定（并不是一旦成为孤儿对象就能被回收）

所以调用这些对象的速度相对来说低一些

 

总结：

1   对象的赋值，是增加变量，变量的值是堆内存中的地址 【场景：对象赋值、形参为对象】

2  栈内存中的变量随着函数的执行结束，也会清空，但是堆内存的数据只能等到垃圾回收机制

3  如果要修改对象，最好增加某个属性，进行特殊化处理，而不是直接修改，会造成全部数据被修改

 

上图是嵌套对象的数据存储

tip:  let b = a.a1;  则 在栈内存中生成b变量， b的值是指向{aaa1: 'xiaoxiao'}这块数据的内存地址

所以总体来说  并未增加堆内存的数据，只是增加了栈内存的变量， 加快了变量的访问速度 ，还是对性能有好处的 ，

当还是执行完成后， 此局部变量会清除掉

 

此外一般使用全局对象时，使用window 可以将此省略掉，优化查找速度

在某个函数内部声明的对象变量， 函数的最后一句不需要置为null,原因是函数执行完成后，栈中的数据为空

导致堆内存中的数据引用为0，所以gc[垃圾回收器] 会将堆内存的数据清空

 

需要充值为null的场景是：  全局对象