解析JavaScript中小括号“()”的五种语义

JavaScript小括号()的五种语义概述

在JavaScript语言中，小括号“()”具有五种不同的语法语义。

语义1：函数声明参数表

第一种语义是用于函数声明时的参数列表。

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

// 与for...in循环配合使用
for(var a in obj){
  // ... 
} 
// 与if条件判断配合使用
if(boo){
  //... 
} 
// 与while循环配合使用
while(boo){
  // ... 
} 
// 与do...while循环配合使用
do{
  // ... 
}while(boo)

需要注意的是，当小括号与if、while及do...while语句结合使用时，括号内的表达式结果会被隐式转换为布尔值。具体机制可参考JavaScript中的隐式类型转换相关内容。

语义3：与new配合传值

第三种语义是与new关键字配合使用，用于传递实际参数（实参）。

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

// 假设已定义普通函数func
func();
// 假设已定义对象obj，且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(){
  // ... 
})();