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;

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

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

posted @ 2017-04-24 19:35  change_Y  阅读(2190)  评论(0编辑  收藏  举报