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

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

 }

又如使用较多的是匿名函数自执行
view sourceprint?
 (function(){ 

  // ... 

 })();
注意，以上代码第1对小括号是语义5，第3对则是语义4。

 

冒号“:”

1、switch语句分支
2、?:三元表达式
3、声明对象的直接量成员（包括属性/方法）
4、标签中的事件引用

1、2和4很简单，前两个是控制语句，后一个经常为标签onclick事件绑定脚本时使用，如：onclick="javascript:alert('ok')"。

重点介绍下在对象中的使用方法：

对象的直接量成员（也称为对象初始化程序）是由一个列表构成的，这个列表的元素是用冒号分隔的属性/值对，元素之间用逗号隔开了，整个列表包含在花括号之中。
javascript中的对象可以像C#、JAVA这些面向对象的语言中的对象一样，拥有属性和方法。
例如：

var obj2={X:"20px",Y:"30px",myFunction:function(){alert("我是一个方法！");}}
obj2.myFunction();

用对象直接量创建对象看上去很简洁.

 

 

制作人：飞虎                                           无兄弟不编程！

====================================================

欢迎加QQ群进行更多交流：305397511     专注于php、mysql以及开源框架