Javascript小括号“()”的多义性

2021年1月11日   |   by tgcode

  Javascript中小括号有五种语义

  语义1,函数声明时参数表

function functgcode(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一起使用用来传值(实参)

// 假设已tgcode经定义了类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 strToJsontgcode(str){
     // eval 中字符串两旁加了强制运算符()
     var json = eval('(' + str + ')'); 
     return json;
}

  又如使用较多的是匿名函数自执行

(function(){
  // ...
})();

  注意,以上代码第1对小括号是语义5,第3对则是语义4。

相关推荐: HTML5之美

  HTML5之美   从HTML4诞生以来,整个互联网环境、硬件环境都发生了翻天覆地的变化,开发者期望标准统一、用户渴望更好体验的呼声越来越高。20年磨一剑,HTML5作为下一代Web标准,它的新特性正在每个新式浏览器的版本中快速的得到支持和体现。随着HTM…

Tags: , ,