javascript - javascript函数之间的差异

Question

我知道这个问题可能很傻，只是想知道，我不确定这个话题是否符合我目前的要求。但还是想问一下。

  <button id="Clk">Click on me</button>

   document.getElementById("Clk").onclick = function(){alert("firedme!")}

   document.getElementById("Clk").onclick = fire();

   function fire(){alert("I am fired!")}

我看到第一个“函数”不是在页面加载或刷新时触发的，而是第二个 fire() 被触发的地方
当页面加载时，此功能不会在点击时触发。我很困惑，只需要澄清这一点。

Answer 1

您需要将 fire 作为函数引用而不是调用传递给 onclick。

 document.getElementById("Clk").onclick = fire;

当您将 fire() 传递给 onclick 处理程序时，它会立即触发并且该函数的返回值也是您设置的 onclick。通过传递对函数的引用，它会停止运行，直到事件被触发。它与上面的匿名函数处理程序本质上相同。

rlemon 非常友好地为您做了一个很好的演示 fiddle <-- 这里