Native UIEvent() не очищается после окончания событий

Question

У меня есть щелчок слушатель:

document.getElementById("addData").addEventListener("click", addData);

Если до фактического нажатия я сделать снимок памяти и искать UIEvent внутри объектов, это не существующее. Но после нажатия, если я возьму еще один снимок и прохожу через выделенные объекты, я могу видеть UIEvent и MouseEvent (собственные js-интерфейсы).

Вопрос в том, почему эти объекты хранятся в памяти? если я не нуждался в них до фактического события, зачем мне это нужно после окончания мероприятия?

Answer 1

Когда вы нажимаете где-то, браузер внутренне вызывает new MouseEvent("click");, так же, как вы программно создаете «виртуальный клик» на странице. Этот код будет делать то же самое, как вы нажмете на странице, но это делается в явном виде:

var evt=new MouseEvent('click'); 
document.dispatchEvent(evt); 

MouseEvent наследуется от UIEvent так как конструкторы называются:

document.addEventListener("click",function(evt){ 
console.log("evt instanceof MouseEvent :",evt instanceof MouseEvent); 
console.log("evt instanceof UIEvent :",evt instanceof UIEvent); 
}); 

Событие сборке мусора, если после этого нет ссылки на него. Вы можете получить дополнительную информацию об управлении памятью и сборке мусора в javascript на Mozilla Developer Network.