Как ты бы исправил утечку памяти в своем коде?

Определил бы источник утечки с помощью инструментов разработчика браузера (Timeline / Performance, Memory).

Распространенные причины утечек памяти:

• Висячие ссылки на объекты:
  • Забытые таймеры (setInterval, setTimeout), ссылающиеся на объекты.
  • Невнятные обработчики событий, которые не были отсоединены (removeEventListener).
  • Замыкания, удерживающие внешние переменные дольше, чем необходимо.
  • Элементы DOM, удаленные из документа, но ссылки на них остались в JavaScript.

// Пример утечки из-за забытого таймера
const leakyObject = {
  data: 'some data'
};

setInterval(() => {
  console.log(leakyObject.data); // leaktObject не может быть собран сборщиком мусора
}, 1000);

• Большие структуры данных:
  • Создание и хранение чрезмерно больших массивов или объектов, когда можно обойтись итераторами или стримингом.
• Неправильное использование кешей:
  • Кеши, которые растут бесконечно без стратегии выселения (LRU, LFU и т.д.).
• Утечки из сторонних библиотек:
  • Проверил бы документацию или исходный код библиотек на наличие потенциальных проблем.

Исправление:

1. Отмена событий и таймеров: Убедиться, что все обработчики событий отсоединены и таймеры очищены при уничтожении компонента или объекта.

// Правильная очистка таймера
const leakyObject = {
  data: 'some data'
};
let timerId;

function startTimer() {
  timerId = setInterval(() => {
    console.log(leakyObject.data);
  }, 1000);
}

function stopTimer() {
  clearInterval(timerId); // Очищаем таймер
}

2. Обнуление ссылок: Явно обнулять ссылки на большие или неиспользуемые объекты, чтобы сборщик мусора мог их собрать.
3. Использование WeakMap и WeakSet: Для хранения ссылок на объекты, которые могут быть удалены сборщиком мусора, когда на них нет других сильных ссылок.
4. Оптимизация структур данных: Использовать более эффективные структуры данных или подходы (например, ленивая загрузка).
5. Ограничение размера кешей: Внедрить стратегии выселения для кеша.
6. Обновление или замена библиотек: Если проблема в сторонней библиотеке, обновить ее или найти альтернативу.

После исправления вновь использовал бы инструменты разработчика для подтверждения отсутствия утечки.