js 内存泄漏 简单

内存生命周期：分配，使用（读或写），释放
内存泄漏：此块内存已经没用了，但依然占着位置没有被释放
（JS虽有自动分配内存，自动垃圾回收，但有时回收不了，需要手动回收）
（自动垃圾回收机制：（引用计数）当没有对象引用它时，就会被回收，针对强引用，弱引用不会触发引用计数，无需手动回收）
内存泄漏的几种情况：
1、引用

let map = new Set();
let value = {test:2};
map.add(value);
console.log(map);
value = null;
console.log(map);

map依然依然含有对象，只是value的引用变了而已
需手动清除成员对象或使用WeakSet

2、闭包

function closure() {
  const name = 'xianshannan'
  return () => {
    return name
      .split('')
      .reverse()
      .join('')
  }
}
const reverseName = closure()
// 这里调用了 reverseName
reverseName();

闭包占用内存容量高，内部变量name依然存在

3、DOM元素只是未显示在页面，但依然存在

垃圾泄漏会导致页面卡顿，影响使用
可通过浏览器开发者工具查看内存占用情况找到泄漏位置