Javascript中事件绑定的函数加括号和不加括号的区别

今天在学习javascript中的时候遇到了一个问题,我将此问题简化,抽取部分代码,如下

  • 说明:#fname为一个按钮,test是一个普通函数

test函数

function test() {

alert("执行test函数");
}
  • 在js代码中为id为fname的文本框添加一个鼠标点击事件

$("#fname").click(test());

然而网页加载完之后,提示框就立即弹出信息"执行test函数";本来我的目的是点击按钮再弹出信息,为什么我没点击就自动弹出信息呢?我在想会不会是后面函数写的有问题,于是我把这行代码修改为  $("#fname").click(varusername);   就有点击后才弹出信息的效果了!(执行了绑定的事件) 

总结:

不带括号是参数传递,参数就是函数本身;带括号是函数调用了,这时候函数会直接执行。

eg:  test为函数名

var test1=test();   //直接调用且执行函数

var test2=test;     //给test2引用了test()函数,但不立即执行\

test2()==test();

猜你喜欢

转载自blog.csdn.net/Ein_Blatt/article/details/83374122