javascript - 为什么括号用于在元素的 onClick 标记内调用函数而不是在元素的 onclick 属性中？

Question

我在一本书中读到，在将函数分配给元素的 onclick 属性时，我们不必使用括号。

<input type="button" value="Click" onClick="sayHello();" id="button1">
var b1=document.getElementById("button1");
b1.onclick=sayHello;

为什么我们在上述元素的 onClick 属性中使用括号？

Answer 1

由于内联事件(即指定为 HTML 属性)的工作方式。

出于多种原因(请参阅许多相关帖子)，它们通常不是一个好主意，但您的问题的答案是这样的。

指定为 HTML 属性的事件以字符串形式完成。本质上，当元素被点击时，指定为属性值的字符串被求值(这应该让您知道它们不是一个好主意的原因之一)。为此，你可以想到导致以下JS运行的事件:

sayHello(); //<-- invoke callback

如果它导致以下运行，则不会发生任何事情:

sayHello; //returns reference to callback, to nowhere