使用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 ，这会在用户单击该元素时发生。