Очистка мусора в JavaScript – и всё-таки она существует

JavaScript — это язык программирования со сборщиком мусора, который автоматически удаляет неиспользуемые объекты из памяти. Однако, иногда возникают ситуации, когда мусор собирается не так быстро, как нам бы хотелось. В таких случаях мы может применить ряд техник для ускорения процесса очистки памяти.

Первым и самым простым подходом является уничтожение ссылок на объекты. Когда объект больше не нужен, необходимо обнулить все ссылки этот объект. Например –

let obj = {data: 'Some data'}

obj = null

Обнуление ссылки позволяет сборщику мусора определить, что объект больше не используется, и освободить память.

Вторым подходом является отписка от событий. Если мы назначили обработчик события на элемент, а затем элемент удалили из DOM, обработчик все равно остается активным и может вызывать утечку памяти. Для предотвращения необходимо отписываться от событий –

let element = document.getElementById('myElement')

element.addEventListener('click', () => {

  ваш код будет написан здесь

})


element.removeEventListener('click')

Третьим подходом является освобождение ресурсов, таких как изображения, видео или объекты, использующие сетевые запросы. Для этого можно использовать методы, такие как URL.revokeObjectURL() или XMLHttpRequest.abort(), чтобы предотвратить утечку памяти – 

let imageUrl = “http://example.com/image.jpg”

let image = new Image()

image.src = imageUrl


Используем изображение

image = null 

Обнуляем ссылку

URL.revokeObjectURL(imageUrl)

В четвертую очистку памяти можно осуществлять с помощью использования фрагментов кода, выполняемых внутри блока try-catch-finally. В таком случае все ресурсы, выделенные внутри блока, будут автоматически освобождены после его выполнения.