js函数带括号和不带括号的区别

先说结果

1、加了括号的代表执行完毕得到函数的结果(括号的二义性,是“函数的调用运算符”)

2、没加括号的,查看该函数的完整信息。指向函数的指针,只是传递了函数题所在的地址位置。

举例:


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

var e = document.getElementById('btn');
   
// 点击的时候才进行执行  点击按钮“btn”后弹出3
e.addEventListener('click', demo1);
   
// 直接就已经弹出进行了执行 弹出55    
e.addEventListener('click', demo2());

//demo2
function foo(){
 var m = 3;
return m;
}
var a = foo;
var b = foo();
console.log(a); //函数体
console.log(b);//3

其中括号的二义性。感觉像通假字,可以有俩意思。比如一个用红色墨水写的“蓝”字。这个字是什么颜色?蓝?红?


2.7.2 括号"( )"的二义性

我们来看下面语句中的括号"( )"应该是什么含义呢?

var str = typeof(123);  
var str = ('please input a string', 1000);
第一个 typeof 看起来好像被当成了函数使用--这是否说明 typeof 为一个"内部函数"呢?而第二行代码,你相信它会成功执行并使 str"意外地"赋值为 1000 吗?括号首先可以作为语句中的词法元素。例如函数声明中的"虚拟参数表":
//声明函数时,括号用做参数表  
function foo(v1, v2) {  
//…  
}
第二种情况,就是括号只作为"传值参数表(这有别于函数声明中的'虚拟参数表')",注意这里它并不表达函数调用的含义。目前为止,它只出现在 new 关键字的使用中:new关键字用于创建一个对象实例并负责调用该构造器函数,如果存在一对括号"( )"指示的参数表,则在调用构造器函数时传入该参数表,对此的具体分析,我们已经在"2.5.1.1使用构造器创建对象实例"中讲述过了。例如:
//构造对象时,用于传入初始化参数  
var myArray = new Array('abc', 1, true);
接下来,它也可以在 with、for、if、while 和 do...while 等语句,以及 catch()等子句中用来作为限定表达式的词法元素:
// for语句(for…in语句类同)  
for ( initialize; test; increment )  
statement  
 
// if语句  
if ( expression )  
statement  
 
// while语句  
while ( expression )  
statement  
 
// do…while语句  
do  
statement  
while ( expression )
在充当 if、while 和 do...while 语句中的词法元素时,括号会有"将表达式结果转换为布尔值"的副作用(参见"5.7.3.2语句(语义)导致的类型转换")。在很多时候,语句中的括号会产生类似于"运算"这样的附加效果。

第四种情况,是括号"( )"用于强制表达式运算。这种情况下,基本含义是我们通常说的强制运算优先级。但事实上,不管有没有优先级的问题,括号总是会强制其内部的代码作为表达式运算。例如我们在这一小节开始列举的例子:

var str1 = typeof(123);  
var str2 = ('please input a string', 1000);
在第 1 行代码中,"( )"强制 123 作为单值表达式运算,当然运算结果还是 123,于是再进行 typeof 运算。所以这里的一对括号起到了强制运算的作用。同样的道理,第 2 行代码里的一对括号也起到相同的作用,它强制两个单值表达式做连续运算,由于连续运算符","的返回值是最后一个表达式的值,因此这个结果返回了 1000。所以我们要意识到,上面的第 1 行代码并没有调用函数的意思,而第 2 行代码将使 str2 被赋值为 1000。

最后一种情况最为常见:作为函数/方法调用运算符。例如:

//有(),表明函数调用  
foo();  
//没有(),则该语句只是一个变量的返回。  
foo;
我们一再强调:函数调用过程中的括号"( )"是运算符。也因此得出推论,当"( )"作为运算符时,它只作用于表达式运算,而不可能作用于语句。所以你只能将位于:
function foo() {  
return( 1 + 2);  
}
这个函数内的、return 之后的括号理解成"强制表达式优先级",而不是理解成"把 return当成函数或运算符使用"。所以从代码格式化的角度上来说,在下面两种书写方法中,第二种才是正确的:

//第一种,像函数调用一样,return后无空格  
return(1 + 2);  
 
//第二种,return后置一空格  
return (1 + 2);
基于同样的理由,无论"break (my_label)"看起来如何合理,也会被引擎识别为语法错误。因为 my_label 只是一个标签,而不是可以交给"( )"运算符处理的运算元,标签与运算元属于两个各自独立的、可重复(而不发生覆盖)的标识符系统。