javascript event handler po usunięciu węzła

Question

jeśli dodać obsługi zdarzeń na dowolnym elemencie w javascript jak

var link = document.createElement("a"); 

document.body.appendChild(link); 


link.addEventListner("click",function(){ 

    alert("do something"); 

}); 

a następnie usunąć link

link.parrentNode.removeChild(link); 

następnie co o wydarzeniu, że dołączony do linku to również zostanie usunięte lub pozostanie w pamięci (trochę mylone z tym, jak zdarzenie jest przechowywane w pamięci i na jak długo) lub powinienem najpierw usunąć program obsługi zdarzeń, a następnie usunąć węzeł łącza.

Answer 1

W wyrażeniach funkcji javascript (w twoim zdarzeniu przypadku sprawy) przydziela obiekt, a tym samym zużywa pamięć. Powinieneś go odpowiednio usunąć lub obsłużyć. Sprawdź ten link, który szczegółowo wyjaśnia zarządzanie pamięcią.

Js Memory Management

Sprawdź sekcja zbieranie śmieci.

Answer 2

Prawie wszystkie przeglądarki usuwają procedurę obsługi zdarzeń z pamięci, gdy wywoływacz nie jest wywoływany. Jednak IE6 i poniżej ma znany błąd, który może spowodować, że program obsługi zdarzeń nie będzie zbierać śmieci, powodując wyciek pamięci.

Uważa się, że dobrą praktyką jest czyszczenie procedur obsługi zdarzeń przed usunięciem elementu (w rzeczywistości biblioteki takie jak YUI i JQuery mają do tego funkcje). Ale obecnie powiem tylko, że martwią się tym, jeśli zależy ci na IE6.

---

Uwaga: w przypadku, gdy zastanawiasz się nad błędem. Wynika to z tego, że odśmiecacz IE nie był w stanie obsłużyć odwołań cyklicznych, jeśli dotyczy to DOM (w starszych wersjach IE nie mógł obsługiwać odwołań cyklicznych, nawet jeśli nie obejmował DOM).

Tak na przykład, jeśli masz kodu:

myDiv.onclick = function() { myDiv.style.backgroundColor = 'red' } 
//        ^
//        | 
//      circular reference 

następnie IE6 i poniżej nie może uwolnić obsługi zdarzeń. Ale jeśli twój program obsługi zdarzeń nie zawiera żadnych odwołań cyklicznych do obiektu DOM, do którego jest dołączony, wówczas IE będzie je zbierał.