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


语义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。

发布了28 篇原创文章 · 获赞 16 · 访问量 6万+

猜你喜欢

转载自blog.csdn.net/sunboylife/article/details/103988020
今日推荐