jquery绑定事件调用函数的问题

最正规的写法：

$(".a").on("click",function(){
                   test();
                });

另一种写法：

$(".tl").on("click",test)

错误的写法：

 $(".tl").on("click",test())

自我试验的时候：这种写法导致即使不点击对象，文档加载完毕后也会执行test函数，而用第二种写法无法传递函数参数；

网上百度原因：

test() 这种语法是调用函数，$(".tl").on("click",test()) 这个意思是吧test()函数返回的结果传给click事件的回调。

第一种写法里，function(){} 是一种引用对象，传给了click事件的回调，那么在这时function(){...}里的任何可执行代码都会在$(".a")触发click事件时执行。

第二种写法的意思是，test这个函数作为$(".tl")的click回调事件。

题主的问题是不明白函数的本质是什么，加()代表调用函数并返回函数运算的返回值，不加括号代表所声明的这个函数对象。

自我理解：

function fun(){
return 5
}
var a=fun
var b=fun()
a是fun函数，b是5；

也就是说不加括号传入的是函数本身，

加了括号传入的是函数的返回值；

转载于:https://www.cnblogs.com/change32514/p/6758556.html