JS内存泄漏

JS内存泄漏

1.意外的全局变量

全局变量的生命周期很长，直到页面关闭，它都存活，所以全局变量上的内存一直都不会被回收
当全局变量使用不当，没有及时回收（手动赋值null），或者拼写错误等将某个变量挂载到全局变量时，也就发生了内存泄漏

2.遗忘的定时器 和 事件监听

在组件内部挂载了定时器，事件（setTimeout，window.addEventListener() ，如果在组件销毁时没有主动清除，这个函数内部引用的变量或函数都不会被垃圾回收机制回收，如果回调函数内部引用的变量或函数都不会被垃圾回收机制回收，如果引用变量存储了大量的数据，就白白占用了内存，造成大量内存泄漏

3.遗漏的DOM元素

DOM元素的生命周期正常是取决于是否挂载在DOM树上，当从DOM树上移除时，也就可以被销毁回收了
但是如果某个DOM元素，在js中也持有它的引用时，那么它的生命周期就是由js和是否在DOM树上两者决定了，记得移除时，两个地方都需要去清理才能正常回收

4.错误使用闭包

函数本身会持有它定义时所在的词法环境，但是通常情况下，使用完函数后，该函数所申请的内存都会被回收了，但是当一个函数内在返回一个函数的时候，由于函数内部持有外部函数的词法环境，而返回的函数又被其他生命周期的东西所持有，导致外部函数虽然执行完了，但内存无法被回收

所以，返回的函数，它的生命周期不宜过长，方便该闭包能够及时被回收