为什么加了()会自动调用

是因为上一节的HTML事件在函数后面加了(),同时通过onclick事件才能触发,产生的疑惑吗?

HTML事件: <input type="button" onclick="clickBtn()">        #有括号

DOM 0级事件: btn.onclick=clickBtn;       #没括号

在JS中,函数后面加了(),就会马上调用.所以

 btn.onclick=clickBtn,右边不能写成clickBtn().

而HTML事件处理程序会创建一个封装着元素属性值的函数:

onclick="clickBtn()"=function(){clickBtn();},

右边仍是一个没有调用的函数,跟JS中的原理是统一的.

以上为个人理解,供参考.

函数定义与执行，例：

//声明一个函数

function abc(){

    // 代码

}

abc(); //调用一个函数并执行。

所以，图中btn.onclik=clickBtn;是指单击的时候执行clickBtn这个函数，

而clickBtn();是调用clickBtn这个函数，所以是不用事件触发的。