解析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一起使用时小括号会将其中的表达式结果隐式的转换成布尔值。见 JavaScript中的隐式类型转换 。

语义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(){
  // ...
})();

您可能感兴趣的文章:

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wdwfzj.html