调用函数后加括号与不加括号的区别

最新推荐文章于 2023-04-22 17:27:00 发布

转载最新推荐文章于 2023-04-22 17:27:00 发布 · 1.7k 阅读

7 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/qianphong/p/10433049.html

文章标签：

#c/c++ #c# #java

本文详细解析了JavaScript中函数调用与事件绑定的不同，通过实例说明了带括号的函数立即执行，而不带括号的则是在事件触发时执行。此外，还介绍了如何在事件绑定中传递参数。

简单点说，带括号的是函数调用，直接执行函数；不带括号的是绑定事件，事件触发再执行。

复杂点说，带括号的是把返回值赋值给事件，不带括号的是把函数体所在地址位置赋值给事件。

举个例子来说就是

<div id="a">函数括号那回事</div>
<input id="ip" type="button" value="点击变色">
<script type="text/javascript">
function cc(){
var a=document.getElementById("a");
a.style.color="red";
}
function change(){
var ip=document.getElementById("ip");
//ip.onclick=cc; //正常绑定事件，onclick触发执行
ip.onclick=cc(); //调用cc,直接执行
}
change(); //调用change,直接执行
</script>

上面代码扔body里，2种挨个感受一下就知道了。

然后会有一个新问题，假如函数需要传参怎么办，这时候需要ip.onclick=function(){cc(obj);}，理解方式一样，绑定一个函数，函数在触发onclick时执行，函数内容是执行cc。

转载于:https://www.cnblogs.com/qianphong/p/10433049.html