内存泄漏:块仍然可达-如何解决？

// 添加事件监听器
element.addEventListener('click', handleClick);

// 在不需要时移除事件监听器
element.removeEventListener('click', handleClick);

// 设置定时器
let timerId = setInterval(() => {
  // 执行任务
}, 1000);

// 清除定时器
clearInterval(timerId);

// 内存泄漏示例
function createLeak() {
  let leakElement = document.createElement('div');
  leakElement.textContent = 'This will leak memory';
  document.body.appendChild(leakElement);

  leakElement.addEventListener('click', () => {
    console.log('Clicked!');
  });
} // leakElement 和事件监听器将永远不会被释放

// 修复后的代码
function createNoLeak() {
  let noLeakElement = document.createElement('div');
  noLeakElement.textContent = 'This will not leak memory';
  document.body.appendChild(noLeakElement);

  let clickHandler = () => {
    console.log('Clicked!');
  };
  noLeakElement.addEventListener('click', clickHandler);

  // 在不需要时移除事件监听器
  noLeakElement.remove();
  noLeakElement.removeEventListener('click', clickHandler);
}