javascript - 为什么以下 "document.getElementById(id).onclick=[..]"代码显示相同的结果

Question

请解释为什么真实代码和评论中的代码显示完全相同的结果

<p>Click button to display date</p>
<button type="button" id="button">Click</button>
<p id="paragraph"></p>

<script>
function display() {
var d = new Date();
document.getElementById("paragraph").innerHTML=d;
}
document.getElementById("button").onclick=display;
/* Why does above line shows same results shown by:-
document.getElementById("button").onclick=function() { display(); };
*/
</script>

Answer 1

在一种情况下，当您单击按钮时，您调用了display。

在另一种情况下，当您单击按钮时，您会调用一个函数，该函数除了调用 display 外什么都不做。

display 函数不会关注传递给它的参数，因此事件对象没有被传递的事实无关紧要。

两者之间没有实际区别:

display(event);

和

function onclick() {
    display();
}
onclick(event);