ホームページ > 記事 > ウェブフロントエンド > IE9 より前のバージョンで JS のメモリ リークを回避する方法
今回は、IE9 以前のバージョンでの JS のメモリ リークを回避する方法と、IE9 より前のバージョンでの JS のメモリ リークを回避するための注意事項を紹介します。実際のケースを見てみましょう。
IE9 より前のバージョンでは、JScript オブジェクトと COM オブジェクトに対して異なるガベージ コレクション ルーチンが使用されるため (COM オブジェクトは「参照カウント」コレクション戦略を使用します)、これらのバージョンの IE ではクロージャーによっていくつかの特別な問題が発生します。具体的には、HTML 要素 がクロージャのスコープに格納されている場合、その要素は破棄できないことを意味します。 次の例を見てください:
function assignHandler() { var elem = document.getElementById('elem_id'); elem.onclick = function(evt) { alert(elem.id); }; }上記のコードは、elem 要素
イベント ハンドラー プログラムとしてクロージャを作成し、このクロージャは循環参照を作成します。 匿名関数はassignHandler()のアクティブオブジェクトへの参照を保存するため、elemへの参照数を減らすことはできません。無名関数が存在する限り、elem の参照番号は少なくとも 1 であるため、それが占有するメモリが再利用されることはありません。
上記のコードは、少し変更することで解決できます:function assignHandler() { var elem = document.getElementById('elem_id'); var elem_id = elem.id; elem.onclick = function(evt) { alert(elem_id); }; elem = null; }elem.id のコピーを変数に保存し、クロージャでその変数を参照することで、循環参照を排除します。ただし、この手順を実行しただけではメモリ リークの問題を解決できません。 「クロージャは、elem を含む、関数を含むアクティブ オブジェクト全体を参照します。クロージャが elem を直接参照しない場合でも、参照は関数を含むアクティブ オブジェクトに保存されます。したがって、次のことが必要です。 set elem to null このようにして、推奨読書:
layuiで動的および静的ページングを実装する手順の詳細な説明
vue+jquery+lodash スライド時の上部フローティング固定関数の実装の詳細な説明
以上がIE9 より前のバージョンで JS のメモリ リークを回避する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。