Javascript小括号“()”的多义性

Posted 2020-08-19 LiuWeiLong

摘要：本文主要介绍javascript中小括号有五种语义。

　　Javascript中小括号有五种语义

　　语义1，函数声明时参数表

function func(arg1,arg2){
  // ...
}

　　语义2，和一些语句联合使用以达到某些限定作用

// 和for in一起使用
for(var a in obj){
  // ...
}

// 和if一起使用
if(boo){
  //...
}

// 和while一起使用
while(boo){
  // ...
}

// 和do while一起使用
do{
  // ...
}while(boo)

　　注意：在与if、while及do while一起使用时小括号会将其中的表达式结果隐式的转换成布尔值。见无处不在的隐式类型转换 。

　　语义3，和new一起使用用来传值（实参）

// 假设已经定义了类Person，它有两个字段姓名（name），年龄（age）
var p1 = new Person(\'Jack\',26);

　　语义4，作为函数或对象方法的调用运算符（如果定义了参数也可与语义3一样传实参）

// 假设已经定义了函数func
func();

// 假设已经定义了对象obj，且拥有func方法
obj.func();

　　这里提下typeof运算符，有人喜欢这么使用

　　typeof(xxx);

　　请注意typeof后的小括号并非语义4（即不是函数调用)，而是后面提到的语义5。我使用typeof一般不加后面的小括号。见 具名函数的多种调用方式

　　语义5，强制表达式运算

　　关于语义5，大家最熟悉的莫过于使用eval解析JSON

function strToJson(str){
     // eval 中字符串两旁加了强制运算符()
     var json = eval(\'(\' + str + \')\'); 
     return json;
}

　　又如使用较多的是匿名函数自执行

(function(){
  // ...
})();

　　注意，以上代码第1对小括号是语义5，第3对则是语义4。

作者: snandy   原文链接