为什么我的事件监听器在函数完成后仍在函数内部工作？

Question

有人可以解释一下他的工作方式吗，我不会这样说，但是它会回答很多关于我正在从事的工作的问题。我只调用过一次函数，但是即使函数完成运行，eventListener也将永久保留。有这个原因吗？

const btn = document.querySelector('button');

function test() {
    btn.addEventListener('click', showAlert);
}

function showAlert() {
    alert("yes");
}

test();