解析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(){
  // ...
})();


« 
» 
快速导航

Copyright © 2016 phpStudy | 豫ICP备2021030365号-3