Jeśli element DOM zostanie usunięty, to czy jego słuchacze również zostaną usunięte z pamięci?

Odnośnie jQuery:

The .metoda remove () usuwa elementy z DOM. Użyj .Usuń (), gdy chcesz usunąć sam element, jak również jak wszystko w środku. Oprócz samych elementów, wszystkie powiązane zdarzenia i dane jQuery powiązane z elementami są usuwane. Aby usunąć elementy bez usuwania danych i zdarzeń, użyj .detach() zamiast tego.

Numer referencyjny: http://api.jquery.com/remove/

JQuery v1.8. 2 .remove() kod źródłowy:

remove: function( selector, keepData ) {
    var elem,
        i = 0;

    for ( ; (elem = this[i]) != null; i++ ) {
        if ( !selector || jQuery.filter( selector, [ elem ] ).length ) {
            if ( !keepData && elem.nodeType === 1 ) {
                jQuery.cleanData( elem.getElementsByTagName("*") );
                jQuery.cleanData( [ elem ] );
            }

            if ( elem.parentNode ) {
                elem.parentNode.removeChild( elem );
            }
        }
    }

    return this;
}

Najwyraźniej jQuery używa node.removeChild()

Zgodnie z tym: https://developer.mozilla.org/en-US/docs/DOM/Node.removeChild ,

The removed child node still exists in memory, but is no longer part of the DOM. You may reuse the removed node later in your code, via the oldChild object reference.

Ie event listeners może zostać usunięty, ale node nadal istnieje w pamięci.

Nie wahaj się obserwować sterty, aby zobaczyć wycieki pamięci w procedurach obsługi zdarzeń, które przechowują odniesienie do elementu z zamknięciem, a element przechowuje odniesienie do procedury obsługi zdarzeń.

Garbage collector nie lubi odniesień okrągłych.

Zwykły przypadek wycieku pamięci: przyznaj, że obiekt ma ref do elementu. Ten element ma ref do obsługi. A opiekun ma ref do obiektu. Obiekt posiada refy do wielu innych obiektów. Ten obiekt był częścią kolekcji, którą myślisz, że wyrzucili je z twojej kolekcji. => cały obiekt i wszystko, do czego się odnosi pozostanie w pamięci do momentu zakończenia strony. = > musisz pomyśleć o kompletnej metodzie zabijania dla swojej klasy obiektu lub zaufać na przykład frameworkowi mvc.

Ponadto, nie wahaj się użyć części drzewa zatrzymującego w Chrome Dev tools.

Jeśli chodzi o jQuery, następujące wspólne metody usuwają również inne konstrukcje, takie jak procedury obsługi danych i zdarzeń:

Usunąć()

Oprócz samych elementów, wszystkie powiązane zdarzenia i dane jQuery powiązane z elementami są usuwane.

Pusty()

Aby uniknąć wycieków pamięci, jQuery usuwa inne konstrukcje, takie jak procedury obsługi danych i zdarzeń z elementów potomnych przed usunięciem elementów siebie.

Html()

Dodatkowo, jQuery usuwa inne konstrukcje, takie jak procedury obsługi danych i zdarzeń z elementów potomnych przed zastąpieniem tych elementów nową zawartością.

Tylko rozszerzam inne odpowiedzi...

Delegowane procedury obsługi zdarzeń nie będą usuwane po usunięciu elementu.

$('body').on('click', '#someEl', function (event){
  console.log(event);
});

$('#someEL').remove(); // removing the element from DOM

Teraz sprawdź:

$._data(document.body, 'events');

Tak, śmieciarka też je usunie. Może jednak nie zawsze tak być w przypadku starszych przeglądarek.