recherche
Maisoninterface Webjs tutorielComment les fermetures peuvent provoquer des fuites de mémoire et que pouvez-vous faire pour y remédier

How Closures Can Cause Memory Leaks and What You Can Do About It

Introduction

Les fuites de mémoire sont le cauchemar des développeurs, surtout lorsqu'elles surviennent en production. Malgré tous nos efforts pour écrire du code propre et efficace, des problèmes subtils comme une mauvaise utilisation des fermetures peuvent entraîner des fuites de mémoire difficiles à détecter et à résoudre. Cet article se concentre sur la compréhension des fermetures et de leur interaction avec le garbage collector (GC), racontant mon expérience avec une fuite de mémoire accidentelle causée par les fermetures. Nous explorerons comment les fermetures contiennent des références à la mémoire, pourquoi cela peut empêcher le GC de la récupérer, et les leçons apprises en cours de route.


Le problème : une augmentation progressive de la mémoire en production

Tout semblait bien pendant le développement et les tests. Cependant, quelques jours après le déploiement de notre application en production, notre système de surveillance a signalé un modèle d'utilisation de la mémoire inhabituel. La consommation de mémoire de notre application Node.js augmentait régulièrement au fil du temps, provoquant finalement une dégradation des performances et même des plantages.

Au départ, je soupçonnais des facteurs externes, tels que des problèmes de connexion à une base de données ou des bibliothèques tierces non optimisées. Mais après avoir isolé l'application et reproduit le problème localement, j'ai réalisé que le problème provenait de notre base de code.


L'enquête : un chemin difficile

1. Comprendre les fermetures et le éboueur

Les fermetures sont des fonctions qui « ferment » leur portée lexicale, en conservant les références aux variables définies dans leur portée externe. Bien que ce comportement soit incroyablement puissant, il peut entraîner des fuites de mémoire si les développeurs ne savent pas quelles variables la fermeture conserve. Le garbage collector ne peut pas libérer de mémoire pour les variables référencées par les fermetures, même si ces variables ne sont plus nécessaires ailleurs dans l'application.

2. Analyser les symptômes

Les fuites de mémoire se manifestent souvent par de la mémoire qui n'est plus nécessaire mais qui n'est pas libérée. Dans ce cas, le garbage collector n'a pas pu récupérer de la mémoire, ce qui indique que quelque chose dans notre code conservait des références à des objets inutilisés. Le défi était d'identifier quoi.

3. Analyser le tas

Je me suis tourné vers les Node.js Heap Snapshots pour capturer et analyser l'utilisation de la mémoire. En prenant des instantanés du tas à différents intervalles, j'ai observé :

  • Un nombre croissant d'objets retenus.
  • Certaines fermetures contenant des références à des variables longtemps après la fin de leur utilité.

4. Le coupable : une fermeture contenant des données volumineuses

Après avoir minutieusement effectué l'analyse du tas, j'ai découvert qu'une fermeture conservait involontairement les références aux variables dans sa portée externe, les empêchant d'être récupérées. Cette fermeture a été maintenue active par inadvertance, empêchant le garbage collector de récupérer la mémoire associée au gros objet.

Voici un exemple concret :

function createLeak() {
    const largeObject = new Array(1000000).fill('leaky data'); // Simulating a large object.

    // The closure retains a reference to `largeObject`.
    return function leakyFunction() {
        console.log(largeObject[0]); // Accessing `largeObject` in the closure.
    };
}

const leakyClosure = createLeak();
// Even if `createLeak` is no longer called, `largeObject` remains in memory due to the closure.

Ce qui se passe dans le code :

  1. Création de largeObject :
    Dans createLeak, un grand tableau largeObject est créé. Ce tableau utilise une quantité importante de mémoire.

  2. La fermeture conserve la référence :
    La fonction interne leakyFunction forme une fermeture sur la portée de la fonction externe, qui inclut la variable largeObject.

  3. Retour de la Fermeture :
    La fermeture leakyFunction est renvoyée et affectée à leakyClosure.

  4. Fuite de mémoire :
    Même si createLeak termine l'exécution, le largeObject n'est pas récupéré car la fermeture leakyFunction y contient toujours une référence.

Cela empêche le largeObject d'être libéré de la mémoire.


La solution : réparer la fuite

Pour résoudre le problème, j'ai repensé le code pour garantir que les fermetures ne conservent pas de références inutiles à des objets volumineux. La solution garantit que les fermetures ne conservent que les références aux variables nécessaires. Voici l'exemple révisé :

function createFixed() {
    const largeObject = new Array(1000000).fill('leaky data');

    // Use the required value, not the entire object.
    const importantValue = largeObject[0];

    // Only keep the necessary data in the closure.
    return function fixedFunction() {
        console.log(importantValue);
    };
}

const fixedClosure = createFixed();
// Now, `largeObject` can be garbage collected since the closure does not retain it.

Ce qui a changé :

  • Seule la partie nécessaire du largeObject (importantValue) est conservée dans la fermeture.
  • Le grand tableau largeObject n'est plus référencé par la fermeture, permettant au garbage collector de libérer sa mémoire une fois l'exécution de createFixed terminée.

Leçons apprises

Cette expérience m'a appris plusieurs leçons précieuses sur les fermetures et la gestion de la mémoire :

  1. Comprendre les fermetures et le garbage collector :

    • Les fermetures conservent les références aux variables dans leur portée externe. Si ces références ne sont plus nécessaires mais ne sont pas explicitement publiées, le garbage collector ne peut pas récupérer la mémoire associée, ce qui entraîne des fuites.
  2. Surveiller les applications de production :

    • Mettez en place une surveillance robuste pour détecter précocement les anomalies de mémoire. Les fuites de mémoire se manifestent souvent progressivement. La surveillance des tendances peut donc aider à détecter les problèmes avant qu'ils ne deviennent critiques.
  3. Réduire les variables capturées :

    • Concevez des fermetures pour capturer uniquement les variables dont elles ont réellement besoin, réduisant ainsi la probabilité de conserver des données inutiles.

Conclusion

Les fuites de mémoire peuvent être insaisissables, surtout lorsqu'elles sont causées par des problèmes subtils comme des fermetures. Comprendre comment les fermetures interagissent avec le garbage collector est crucial pour écrire du code efficace et sans fuite. Avec les bons outils et pratiques, ces fuites peuvent être identifiées et résolues efficacement. En étant vigilant quant au nettoyage des ressources et en étant attentif à ce que les fermetures capturent, vous pouvez éviter des pièges similaires et garantir le bon fonctionnement de vos applications en production.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Python vs JavaScript: Quelle langue devez-vous apprendre?Python vs JavaScript: Quelle langue devez-vous apprendre?May 03, 2025 am 12:10 AM

Le choix de Python ou JavaScript doit être basé sur le développement de carrière, la courbe d'apprentissage et l'écosystème: 1) le développement de carrière: Python convient à la science des données et au développement de back-end, tandis que JavaScript convient au développement frontal et complet. 2) Courbe d'apprentissage: la syntaxe Python est concise et adaptée aux débutants; La syntaxe JavaScript est flexible. 3) Ecosystème: Python possède de riches bibliothèques informatiques scientifiques, et JavaScript a un puissant cadre frontal.

Frameworks javascript: alimenter le développement Web moderneFrameworks javascript: alimenter le développement Web moderneMay 02, 2025 am 12:04 AM

La puissance du cadre JavaScript réside dans la simplification du développement, l'amélioration de l'expérience utilisateur et les performances des applications. Lorsque vous choisissez un cadre, considérez: 1. Taille et complexité du projet, 2. Expérience d'équipe, 3. Écosystème et soutien communautaire.

La relation entre JavaScript, C et BrowsersLa relation entre JavaScript, C et BrowsersMay 01, 2025 am 12:06 AM

INTRODUCTION Je sais que vous pouvez le trouver étrange, que doit faire exactement JavaScript, C et Browser? Ils semblent sans rapport, mais en fait, ils jouent un rôle très important dans le développement Web moderne. Aujourd'hui, nous discuterons du lien étroit entre ces trois. Grâce à cet article, vous apprendrez comment JavaScript fonctionne dans le navigateur, le rôle de C dans le moteur du navigateur et comment ils fonctionnent ensemble pour stimuler le rendu et l'interaction des pages Web. Nous connaissons tous la relation entre JavaScript et Browser. JavaScript est la langue principale du développement frontal. Il fonctionne directement dans le navigateur, rendant les pages Web vives et intéressantes. Vous êtes-vous déjà demandé pourquoi javascr

Node.js diffuse avec dactylographieNode.js diffuse avec dactylographieApr 30, 2025 am 08:22 AM

Node.js excelle dans des E / S efficaces, en grande partie grâce aux flux. Streams traite les données progressivement, en évitant la surcharge de mémoire - idéal pour les fichiers volumineux, les tâches réseau et les applications en temps réel. Combiner les flux avec la sécurité de type dactylographié crée un powe

Python vs JavaScript: considérations de performance et d'efficacitéPython vs JavaScript: considérations de performance et d'efficacitéApr 30, 2025 am 12:08 AM

Les différences de performance et d'efficacité entre Python et JavaScript se reflètent principalement dans: 1) comme un langage interprété, Python fonctionne lentement mais a une efficacité de développement élevée et convient au développement rapide des prototypes; 2) JavaScript est limité au thread unique dans le navigateur, mais les E / S multi-threading et asynchrones peuvent être utilisées pour améliorer les performances dans Node.js, et les deux ont des avantages dans les projets réels.

Les origines de JavaScript: explorer son langage d'implémentationLes origines de JavaScript: explorer son langage d'implémentationApr 29, 2025 am 12:51 AM

JavaScript est originaire de 1995 et a été créé par Brandon Ike, et a réalisé que la langue en langue C. 1.C offre des capacités de programmation élevées et au niveau du système pour JavaScript. 2. La gestion de la mémoire de JavaScript et l'optimisation des performances reposent sur le langage C. 3. La fonctionnalité multiplateforme du langage C aide JavaScript à s'exécuter efficacement sur différents systèmes d'exploitation.

Dans les coulisses: quel langage alimente JavaScript?Dans les coulisses: quel langage alimente JavaScript?Apr 28, 2025 am 12:01 AM

JavaScript s'exécute dans les navigateurs et les environnements Node.js et s'appuie sur le moteur JavaScript pour analyser et exécuter du code. 1) Générer une arborescence de syntaxe abstraite (AST) au stade d'analyse; 2) Convertir AST en bytecode ou code machine à l'étape de compilation; 3) Exécutez le code compilé à l'étape d'exécution.

L'avenir de Python et Javascript: tendances et prédictionsL'avenir de Python et Javascript: tendances et prédictionsApr 27, 2025 am 12:21 AM

Les tendances futures de Python et JavaScript incluent: 1. Python consolidera sa position dans les domaines de l'informatique scientifique et de l'IA, 2. JavaScript favorisera le développement de la technologie Web, 3. Le développement de plate-forme multiplié deviendra un sujet brûlant, et 4. L'optimisation des performances sera le focus. Les deux continueront d'étendre les scénarios d'application dans leurs champs respectifs et de faire plus de percées dans les performances.

See all articles

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

Video Face Swap

Video Face Swap

Échangez les visages dans n'importe quelle vidéo sans effort grâce à notre outil d'échange de visage AI entièrement gratuit !

Outils chauds

Télécharger la version Mac de l'éditeur Atom

Télécharger la version Mac de l'éditeur Atom

L'éditeur open source le plus populaire

MinGW - GNU minimaliste pour Windows

MinGW - GNU minimaliste pour Windows

Ce projet est en cours de migration vers osdn.net/projects/mingw, vous pouvez continuer à nous suivre là-bas. MinGW : un port Windows natif de GNU Compiler Collection (GCC), des bibliothèques d'importation et des fichiers d'en-tête librement distribuables pour la création d'applications Windows natives ; inclut des extensions du runtime MSVC pour prendre en charge la fonctionnalité C99. Tous les logiciels MinGW peuvent fonctionner sur les plates-formes Windows 64 bits.

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Navigateur d'examen sécurisé

Navigateur d'examen sécurisé

Safe Exam Browser est un environnement de navigation sécurisé permettant de passer des examens en ligne en toute sécurité. Ce logiciel transforme n'importe quel ordinateur en poste de travail sécurisé. Il contrôle l'accès à n'importe quel utilitaire et empêche les étudiants d'utiliser des ressources non autorisées.