javascript - 为什么在单击元素之前将 "hidden"类应用于元素？

Question

这是我的 JS 代码:

var btn = document.querySelector("button");
btn.addEventListener("click", hide(this, true));
function hide(event, reflow) {
  if(reflow) {
    document.querySelector(".great").classList.add("hidden");
  }
}

谁能解释一下为什么会这样？

Answer 1

在 addEventListener 行，您将立即执行 hide 函数(通过括号)。您可以通过使用匿名函数包装它来避免这种情况:

btn.addEventListener('click', function(){ hide(this, true); });

正如@Patrick Roberts 在下面所说，它可能会对 this 所代表的内容产生影响。我不确定，所以我会让他或其他人解释。