Quelles sont les fuites de mémoire et pourquoi…

Une fuite de mémoire est une situation où une partie de la mémoire allouée, qui n’est plus nécessaire à l’application, n’est pas libérée par le système de gestion de mémoire et reste inaccessible pour une utilisation ultérieure.

Problèmes liés aux fuites de mémoire :

Réduction des performances : La mémoire non libérée s’accumule progressivement, réduisant la quantité de mémoire RAM disponible pour d’autres processus ou pour l’application elle-même. Cela peut entraîner des ralentissements, des "gel" et des "freezes".
Erreurs d’application : Si la fuite est importante, l’application peut épuiser la mémoire disponible, ce qui entraîne des erreurs du type "out of memory" et des arrêts inattendus.
Augmentation de la consommation de ressources : Une application avec des fuites de mémoire nécessite plus de ressources système, ce qui peut nuire au fonctionnement d’autres applications et du système dans son ensemble, surtout sur des appareils à ressources limitées (par exemple, appareils mobiles).

En JavaScript, la majorité des fuites de mémoire surviennent en raison d’une gestion imprudente des références (closures, temporisateurs, écouteurs d’événements), qui continuent de maintenir en mémoire des objets qui devraient théoriquement être collectés par le ramasse-miettes.

Exemple simple de fuite en JavaScript :

// Tableau où peuvent s’accumuler des objets,
// si les références à ceux-ci ne sont pas supprimées à temps
let leakyArray = [];

function createLeak() {
  let obj = {
    data: Math.random() // Données aléatoires
  };

  // référence globale non intentionnelle
  // Si vous oubliez de déclarer la variable avec let/const/var
  // ou si vous attribuez une propriété à l’objet global window (dans le navigateur)
  // cette référence peut être la cause de la fuite, en maintenant obj en mémoire
  // window.globalObj = obj; 

  // Si la référence est ajoutée à un tableau qui n’est jamais nettoyé
  leakyArray.push(obj); 
}

// L’appel répété de la fonction conduit à la croissance de leakyArray
for (let i = 0; i < 1000; i++) {
  createLeak();
}

// Même si createLeak() se termine, les objets
// à l’intérieur de leakyArray continuent d’occuper de l’espace en mémoire,
// si leakyArray n’est pas collecté ou nettoyé

Pour éviter les fuites de mémoire, il est important de suivre ces règles :

Supprimer les écouteurs d’événements (removeEventListener).
Annuler les temporisateurs (clearInterval, clearTimeout).
Libérer les ressources externes.
Utiliser prudemment les closures, surtout dans les composants de longue durée.
Vérifier et nettoyer les références aux éléments DOM s’ils sont supprimés de l’arbre.

Quelles sont les fuites de mémoire et pourquoi sont-elles un problème?