js中给函数传参函数时,函数加括号与不加括号的区别

在js中 函数(funtion)经常会被当作参数传入其他函数中:
如下:

<body>
    <input type="button" value="click me" id="btn4">
<script>
    var btn4 = document.getElementById("btn4");
    btn4.addEventListener("click",hello1);
    btn4.addEventListener("click",hello2);
    function hello1() {
        console.log("hello 1");
    }
    function hello2() {
        console.log("hello 2");
    }
</script>

在addEventListener函数中,hello1和hello2就被当作参数传入了,如果写成

   btn4.addEventListener("click",hello1());
    btn4.addEventListener("click",hello2());

会有什么不一样呢?

结果:
直接以hello传入,点击事件正常运行,每次点击按钮,hello1()和hello2(),都会被触发,如果以hello()传入,则页面加载时会触发一次,在后点击按钮时不触发事件。

结论:

将函数做为参数传递给另外一个函数时,该函数不用写括号,原因:如果写了括号,相当于把函数的执行返回结果,做为参数传入,而不是传入一个函数对象本身了。函数名如果带上()标识理解执行这个函数

  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值