Должен ли я отсоединить обработчик событий до того, как я снова привяжу его к новому элементу?

Question

Я пишу jQuery JS-файл, который прикрепляет обработчик события к ссылке, но обработчик события заменяет ссылку новой ссылкой, полученной с помощью запроса ajax. Это на самом деле функция +1, -1, поэтому ссылка переключается взад и вперед.

Насколько я понимаю, даже если ссылка дважды нажата и возвращается к первоначальному значению, она станет третьим уникальным объектом, правильно? Мой вопрос в том, делает ли мне все возможное, чтобы каждый раз отсоединять обработчик событий? Поскольку он не выдает ошибку, когда я удаляю обработчик события после замены ссылки, я задаю , угадывая, что объект и его обработчик событий все еще существуют в JS, они больше не находятся в документе HTML, правильно? Он отлично работает, независимо от того, делаю я это или нет, но сейчас я на 100% уверен, как именно работает этот процесс.

Вот моя функция .done():

.done(function(ReturnData){ 
    PlusOneDiv.replaceWith(ReturnData); 
    // Redefine variables and detatch/reattach event 
    PlusOneLink.off('click'); // Is this line helpful at all? 
    PlusOneDiv = $('#plusonediv'); 
    PlusOneLink = PlusOneDiv.children('a'); 
    PlusOneLink.on('click', submit_plus_one); 

Answer 1

При замене элемента, он удаляется из DOM. Если элемент не ссылается ни на что другое, тогда он будет иметь право на сбор мусора, и когда он будет собран мусором, его обработчик кликов также будет собирать мусор (если предположить, что ничего не ссылается на обработчик кликов).

Но если есть, например, глобальная переменная где-то в вашем коде, как это:

var plusOneDiv = $("#plusonediv"); 

и не обновлять эту переменную для обозначения новой линии, который извлекается с помощью AJAX, то даже хотя замена элемента с помощью $(...).replace(...) удаляет его из DOM, он не будет собирать мусор. Но похоже, что вы его обновляете, поэтому исходный элемент #plusonediv и его слушатель в конечном итоге собирают мусор и удаляются из памяти.