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

本文探讨了JavaScript中函数调用时加括号与不加括号的区别,通过实例展示了这两种方式的不同效果:不加括号得到的是函数定义本身,而加括号则会执行函数并返回其结果。

函数名其实就是指向函数体的指针 
不加括号, 可以认为是查看该函数的完整信息, 
不加括号传参,相当于传入函数整体 
加括号 表示立即调用(执行)这个函数里面的代码(花括号部分的代码)

例子

<button id="btn">单击这里</button>
复制代码
function demo1(){
    var m=5;
    return m;
}
function demo2(){
var m=55;
alert(m);
}
var a=demo1;//a是整个函数体,是一个函数对象
var b=demo1();//b是函数执行后返回的值5
alert(demo1);
alert(demo1());

var e=document.getElementById("btn");
e.addEventListener("click",demo2);
e.addEventListener("click",demo2());
复制代码

结果:

1.alert弹出框的的内容

function demo1(){ 
var m=5; 
return m; 
}

2.alert弹出框的的内容

5

3 单击按钮 
4.单击按钮后弹出框内容

function demo2(){ 
var m=55; 
alert(m); 
}

5.不需要单击直接 弹出框对话框 内容

> 55

### JavaScript 中函数调用括号不加括号区别 在 JavaScript 中,函数是一种特殊的对象类型。当我们在代码中书写函数,如果不加括号,则表示这是一个指向函数的引用;而如果括号,则会尝试执行该函数并获取其返回值。 #### 1. **括号的情况** 当函数名后跟随一对括号 `()` ,这表明我们要立即执行此函数括号可以为空(表示无参数),也可以包含实际参数列表。例如: ```javascript function greet(name) { console.log(`Hello, ${name}!`); } greet("Alice"); // 输出: Hello, Alice! ``` 上述例子展示了如何通过括号调用带有参数的函数[^2]。需要注意的是,在某些场景下,比如设置定,`setTimeout(greet(), 1000)` 和 `setTimeout(greet, 1000)` 的行为完全不同。前者会在当前上下文中立刻执行 `greet` 函数并将结果作为回调传递给 `setTimeout`,后者则是将未被执行的函数本身作为一个回调延迟执行[^3]。 #### 2. **不加括号的情况** 如果没有括号紧跟在函数名之后,那么它仅仅代表对该函数的一个引用而非真正的调用操作。这种情况下通常用于需要传递函数本身而不是它的执行结果的情形之下。例如绑定事件处理程序或创建高阶函数等场合非常常见: ```javascript document.getElementById('myButton').addEventListener('click', greet); ``` 在这里并没有直接调用 `greet` 方法而是将其赋给了点击监听器以便稍后由浏览器引擎自动触发执行[^4]。 另外值得注意的一点是在 HTML 属性定义中的情况也类似——像 `<button onclick="sayHi()">Click Me</button>` 这样写法意味着每当按钮被按下就会马上运行 sayHi 函数; 如果改为 `<button onclick="sayHi">Click Me Again</button>`, 则不会有任何效果发生因为这里只是简单声明了一个变量/表达式而已并未真正启动任何动作序列. 综上所述,理解何应该以及不应该附圆括弧对于编写有效率且可维护性强的应用至关重要. ```javascript // 正确示范 - 使用匿名函数包裹已知逻辑以避免即求值错误 setTimeout(function() { alert("World!"); }, 3000); // 错误示范 - 导致即刻弹窗显示 "Hello" setTimeout(alert("Hello"), 5000); ```
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值