Javascript小括号“()”的多义性
摘要:本文主要介绍JavaScript中小括号有五种语义。
Javascript中小括号有五种语义
语义1,函数声明时参数表
1 2 3 | function func(arg1,arg2){ // ... } |
语义2,和一些语句联合使用以达到某些限定作用
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 | // 和for in一起使用 for ( var a in obj){ // ... } // 和if一起使用 if (boo){ //... } // 和while一起使用 while (boo){ // ... } // 和do while一起使用 do { // ... } while (boo) |
注意:在与if、while及do while一起使用时小括号会将其中的表达式结果隐式的转换成布尔值。见无处不在的隐式类型转换 。
语义3,和new一起使用用来传值(实参)
1 2 | // 假设已经定义了类Person,它有两个字段姓名(name),年龄(age) var p1 = new Person( 'Jack' ,26); |
语义4,作为函数或对象方法的调用运算符(如果定义了参数也可与语义3一样传实参)
1 2 3 4 5 | // 假设已经定义了函数func func(); // 假设已经定义了对象obj,且拥有func方法 obj.func(); |
这里提下typeof运算符,有人喜欢这么使用
typeof(xxx);
请注意typeof后的小括号并非语义4(即不是函数调用),而是后面提到的语义5。我使用typeof一般不加后面的小括号。见 具名函数的多种调用方式
语义5,强制表达式运算
关于语义5,大家最熟悉的莫过于使用eval解析JSON
1 2 3 4 5 | function strToJson(str){ // eval 中字符串两旁加了强制运算符() var json = eval( '(' + str + ')' ); return json; } |
又如使用较多的是匿名函数自执行
1 2 3 | ( function (){ // ... })(); |
注意,以上代码第1对小括号是语义5,第3对则是语义4。