Comment résoudre le mécanisme de récupération de place et les problèmes courants de fuite de mémoire dans l'élévation JS

Cet article présente principalement comment résoudre le mécanisme de récupération de place et les problèmes courants de fuite de mémoire dans JS. Il a une certaine valeur de référence. Maintenant, je le partage avec vous. Les amis dans le besoin peuvent s'y référer

Préface<.>

1. Allouez la mémoire dont vous avez besoin :

allouera de la mémoire pour stocker cette entité .

1. Faites quelque chose avec la mémoire allouée.

2. Libérez-le et renvoyez-le lorsqu'il n'est plus nécessaire :

mécanisme de collecte des déchets.

La soi-disant fuite de mémoire fait référence à  : en raison d'une négligence ou d'une erreur, le programme ne parvient pas à libérer la mémoire qui n'est plus utilisée, ce qui entraîne un gaspillage de mémoire.

trouvera périodiquement les variables qui ne sont plus utilisées à intervalles de temps fixes, puis libérera la mémoire qu'elles occupent.

Qu'est-ce qu'une variable qui n'est plus utilisée ?

les variables globales ne seront pas traitées comme un garbage collection.

1. Le garbage collector marquera

   toutes les variables stockées en mémoire pendant le fonctionnement.

2. Supprimez les variables

   dans l'environnement et les tags des variables référencées par les variables de l'environnement.

Ces variables avec des balises
3. existent encore sont considérées comme des variables

   prêtes à être supprimées.

Enfin, le garbage collector effectuera la dernière étape d'effacement de la mémoire,
4. détruira ces valeurs marquées et récupérera l'espace mémoire qu'elles occupent

   .

Depuis 2008, IE, Chrome, Fireofx, Safari, Opera

, mais les intervalles de temps de collecte des ordures sont différent. Il y a des différences. Comptage de références : stratégie de récupération de place obsolète

Référence circulaire : une technique de suivi de chaque valeur référencée

Dans les anciens navigateurs (oui, IE encore), les objets BOM et DOM ci-dessous IE9 sont implémentés sous forme d'objets COM en utilisant C++.

Le mécanisme de récupération de place de COM utilise une stratégie de comptage de références. Ce mécanisme ne peut jamais libérer de mémoire lorsqu'une référence circulaire se produit.

    var element = document.getElementById('something');
    var myObject = new Object();
    myObject.element = element; // element属性指向dom
    element.someThing = myObject; // someThing回指myObject 出现循环引用(两个对象一直互相包含 一直存在计数)。

     myObject.element = null; 
     element.someThing = null;

 : IE9 BOM et les objets DOM sont convertis en vrais objets js, évitant ainsi l'utilisation de cette stratégie de garbage collection et éliminant la principale cause des fuites de mémoire courantes sous IE9.

Il y a un problème de performances mal indiqué sous IE7 Jetons un coup d'œil :

256 variables, 4 096 littéraux d'objet (ou tableau) ou des chaînes de 64 Ko, atteignant tout niveau critique. La valeur déclenche l'exécution du garbage collector.
Si un script js conserve autant de variables tout au long de son cycle de vie, le garbage collector continuera à s'exécuter fréquemment, provoquant de sérieux problèmes de performances.
IE7 a résolu ce problème.

Bien qu'il existe un mécanisme de récupération de place, certaines situations peuvent toujours provoquer des fuites de mémoire lorsque nous écrivons du code et faites attention à les éviter lors de l'écriture de programmes.

Variables globales inattendues :

Nous avons mentionné ci-dessus que

Parfois, la situation suivante se produit dans notre codage : .

    function foo() {
     this.bar2 = '默认绑定this指向全局' // 全局变量=> window.bar2
      bar = '全局变量'; // 没有声明变量 实际上是全局变量=>window.bar
    }
    foo();

    function foo() {
      "use strict"; 
      this.bar2 = "严格模式下this指向undefined"; 
      bar = "报错";
    }
    foo();

    window.bar = undefined
    delete window.bar2

var someResource = getData();
setInterval(function() {
    var node = document.getElementById('Node');
    if(node) {
        node.innerHTML = JSON.stringify(someResource));
        // 定时器也没有清除
    }
    // node、someResource 存储了大量数据 无法回收
}, 1000);

    function bindEvent() {
      var obj = document.createElement("XXX");
      var unused = function () {
          console.log(obj,'闭包内引用obj obj不会被释放');
      };
      // obj = null;
    }

    var refA = document.getElementById('refA');
    document.body.removeChild(refA); // dom删除了
    console.log(refA, "refA");  // 但是还存在引用 能console出整个p 没有被回收

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!