JavaScript大括号“{}”的多义性

JavaScript中大括号有四种语义作用

成都创新互联是专业的茂南网站建设公司,茂南接单;提供成都做网站、成都网站建设,网页设计,网站设计,建网站,PHP网站建设等专业做网站服务;采用PHP框架,可快速的进行茂南网站开发网页制作和功能扩展;专业做搜索引擎喜爱的网站,专业的做网站团队,希望更多企业前来合作!

语义1,组织复合语句,这是最常见的

 
 
 
  1. if( condition ) {  
  2.   //...  
  3. }else {  
  4.   //...  
  5. }  
  6. for() {  
  7.   //...  

语义2,对象直接量声明

 
 
 
  1. var obj = {  
  2.     name : 'jack',  
  3.     age : 23  
  4. }; 

整个是个赋值语句,其中的{name:'jack',age:23}是个表达式。

语义3,声明函数或函数直接量

 
 
 
  1. function f1(){  
  2.     //...  
  3. }  
  4.  
  5. var f2 = function(){  
  6.     //...  

f1与非f2的区别是前者在语法解释期,后者在运行期。区别在于:如果调用该函数的代码在函数定义之后,则没有区别;如果调用该函数的代码在函数定义之前,则f1仍然可以调用,f2则会报错,提示f2未定义。

语义4,结构化异常处理的语法符号

 
 
 
  1. try {  
  2.     //...  
  3. }catch( ex ){  
  4.     //...  
  5. }finally{  
  6.     //...  

这里的大括号与符合语句(语义1 )是有区别的,大括号中如果只有一条语句,在if/else/for等中大括号是可以省略的,但try/catch/finally则不能省略。

以下代码纠结了偶N久

 
 
 
  1. function(){}() //匿名函数立即执行, 语法分析期报  
  2. {}.constructor //获取对象直接量的构造器,语法分析期报错 

令人不解的是为何[].constructor这么写却不报错呢,一个是想获取对象直接量的构造器,一个是获取数组直接量的构造器而已。

当然添加个变量接收也不会报错

同样的情况如

var fn = function(){}(),也不会报错。

实际上是js的“语句优先”在作怪,即{}被理解成复合语句块(语义1 )而不是对象直接量(语义2 )或声明函数(语义3 )的语义。

function(){}(),大括号被理解成复合语句,自然前面的function()声明函数的语法不完整导致语法分析期出错。

{}.constructor,大括号被理解成复合语句,大括号后面是点运算符,点运算符前没有合理的对象自然也报错。

修复方式众所周知:加个强制运算符()

(function(){})(),(function(){});//强制其理解为函数(语义3 ),“函数()”表示执行该函数,即声明后立即执行了。

({}).constructor //({})强制把大括号理解成对象直接量(语义2 ),“对象.xx”表示获取对象的成员,自然后面的点运算符可以正常执行了。

原文链接:http://www.cnblogs.com/snandy/archive/2011/02/28/1966894.html

网站标题:JavaScript大括号“{}”的多义性
网页网址:http://www.mswzjz.cn/qtweb/news36/304036.html

攀枝花网站建设、攀枝花网站运维推广公司-贝锐智能,是专注品牌与效果的网络营销公司;服务项目有等

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 贝锐智能