javascript - removeEventListener - 函数定义本身内的回调？

Question

我有以下代码，我在其中向文档添加了一个事件监听器，然后将其删除。

document.addEventListener("keypress", gameStart);

function gameStart() {
    document.querySelector("h1").innerHTML = "Level 1";
    document.querySelector("h2").style.visibility = "hidden";
    document.removeEventListener("keypress", gameStart);
}

我想不出如何在 gameStart() 本身定义内的 removeEventListener 方法中回调 gameStart。这对我来说似乎是循环的，但我觉得我误解了这里的一些基本知识。我错过了什么？

Answer 1

在removeEventListener我们可以看到的文档:

target.removeEventListener(type, listener[, options]);
target.removeEventListener(type, listener[, useCapture]);

...

listener
   The EventListener function of the event handler to remove from the event target.

EventListener调用 removeEventListener 时不会调用函数(在你的例子中 gameStart)，因此没有任何循环调用或递归，它被传递给 removeEventListener 因此可以从该事件中取消注册该函数。