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;

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

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


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM