`
catmimigo
  • 浏览: 8188 次
  • 性别: Icon_minigender_1
  • 来自: 天津
最近访客 更多访客>>
社区版块
存档分类
最新评论

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


语义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(){
  // ...
})();

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

<script type="text/javascript"></script> <script type="text/javascript"></script>

posted on 2011-03-08 17:34 snandy 阅读(5716) 评论(3) 编辑 收藏

评论

2042330

#1楼 2011-03-08 18:17 仰光      

还有 控制运算符优先级.  

 

#2楼 2011-03-09 10:25 Franky      

 

第5条说法不对.
首先不存在强制运算符这个说法.
这里应该仅是 分组运算符. 作用是优先级. 本质就是舍弃其他可能的多余的语法树.

第5条,之所以要这样做的原因是 {} 花括号二义性造成的.
eval('{a:1}')//不会抛出异常.
eval('{a:1,b:2}')//抛出异常
这并不是eval的错. 错误来自语法分析时, {}被当做 statement block,而不是一个 JSONObject.
所以.抛出异常是因为a:1被解析成lableStatement 了.那么它后面的 "," 逗号,就使得parser不得不停下来了.因为 逗号运算符不能出现在lableStatement后面.

所以
{
a:1,
b:2
}
在任何被解析为statement block的情况下.都将导致异常.
解决办法.把他们并入表达式.让parser使用 JSONObject的语法树.比如
({a:1,b:2})
1,{a:1,b:2}
+{a:1,b:2}
var a ={a:1,b:2}
等等等等...

说说为什么()不是强制运算符,因为它不具备这个功能.
分组运算符 同 delete typeof 等运算符类似. 不会对运算元.造成 GetValue() .

举个例子:

delete 玩笑; //不会抛出异常.

原因是运行时,执行到 delete 玩笑; 时, 并不会对标识符-玩笑,进行GetValue().

delete (玩笑);//同样不会抛出异常.

可见分组运算符() 并没有对 标识符 -玩笑 做额外的工作. 它仅仅是影响语法树的产生过程.

从ECMA262的角度来看此问题亦如此. 这里涉及到 Reference Type 的base property 为null时的情况下,对其 GetValue()才抛出异常. 

 

#3楼[楼主] 2011-03-09 12:59 snandy      

@Franky
讲的太给力了,谢谢!

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics