事件里面调用函数时,什么时候加括号,什么时候不加括号,有何区别? 比如我在学习MINIUI 他的事件里面都是onclick="tcon"这样的

来源:5-3 函数调用

依韵_宵音

2016-04-26 15:04

事件里面调用函数时,什么时候加括号,什么时候不加括号,有何区别? 比如我在学习MINIUI 他的事件里面都是onclick="tcon"这样的

写回答 关注

3回答

  • kuban
    2016-04-26 16:11:36
    已采纳

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

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

    举个例子来说就是

    <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。

    如有错误,望指正

    依韵_宵音

    非常感谢!

    2016-05-08 09:49:46

    共 1 条回复 >

  • 慕粉6528751
    2018-12-04 15:32:32
    dsfsdfds


  • 二哈3129632
    2016-04-26 15:35:05

    对于我这个新人来说,没遇到这样的问题,不过一般调用点击事件的话 是根据function函数 的函数名来调用的,函数名一般都是function xxx(){},所以在onclick=后面接的是xxx(),所以根据本人猜想,如果不加括号,那么是否是function后的函数名不加括号...纯属猜想,有不对的地方请指正,....

    依韵_宵音

    不对,定义的时候那个括号是不能少的,楼下答案很好!

    2016-05-08 09:48:04

    共 1 条回复 >

JavaScript进阶篇

本课程从如何插入JS代码开始,带您进入网页动态交互世界

468064 学习 · 21891 问题

查看课程

相似问题