javascript - 使用 HTML DOM JS 分配事件

Question

我正在学习JS，我有一个我不明白的例子。当我们调用这样的函数时，它会起作用:

       <button onclick="displayDate()">Try it</button> 

这也有效:

   <script>
        document.getElementById("myBtn").onclick = displayDate;

        function displayDate() {
         document.getElementById("demo").innerHTML = Date();
        }
  </script>

但是当我将此 displayDate 更改为 displayDate() 时，它会显示页面加载的日期，因此 onclick 不起作用。我的问题是:为什么 JS DOM 会这样工作？到底发生了什么？我们不是这样调用函数:function();吗？

Answer 1

当你写下:

something = functionName();

意思是立即调用该函数，然后将其返回的值放入something中。

当你写下:

something = functioName;

这意味着将对函数的引用放入something中，但不调用它。这允许稍后使用该引用调用该函数。当 something 为 someElement.onclick 时，当用户单击该元素时会发生这种情况。