码迷,mamicode.com
首页 > 编程语言 > 详细

JavaScript可选分号细节

时间:2014-05-15 11:00:37      阅读:292      评论:0      收藏:0      [点我收藏+]

标签:style   blog   class   code   java   c   

一般来说,JavaScript和其他语言一样都是使用分号(;),将语句隔开,但在JavaScript中,如果语句各自独立一行,有时也可以省略分号(;)的。

关于JavaScript中可选分号的问题有几个细节要注意:

细节1:

a=1; //第一个分号可以省略的
b=2;

a=1; b=2; //这样的格式第一个分号是不可以省略

 

细节2:

如果当前语句和随后的非空格字符不能当成一整体来解析的话,JavaScript就在当前语句行结束处自动填补分号

比如:

bubuko.com,布布扣
var a  //自动添加分号var a;,因为不添加JavaScript不能正确解析代码var a a
a     //第二个a可以单独当一条语句(a;),但对比解析代码,发现其实JavaScript并没有给a填补分号,而是和第三行内容一起解析(a=3;)。
=
3
console.log(a);
bubuko.com,布布扣

JavaScript将上述代码解析为:

bubuko.com,布布扣
var a; a=3; console.log(a);
bubuko.com,布布扣

但上面的自动填补规则却有2个例外情况:

1.涉及return、break、continue语句中,不能有换行

bubuko.com,布布扣
return
true;
bubuko.com,布布扣

JavaScript会解析为:

bubuko.com,布布扣
return;
true;
bubuko.com,布布扣

而代码的本意是

bubuko.com,布布扣
return true;
bubuko.com,布布扣

2.涉及”++”、”--”运算符,如果要将其用做后缀表达式,运算符和表达式必须同一行

x
++
y

JavaScript会解析为:

bubuko.com,布布扣
x; ++y;
bubuko.com,布布扣

而代码的本意是

bubuko.com,布布扣
x++; y;
bubuko.com,布布扣

 

细节3:

自动填补分号有时还会导致一些意想不到的情形

比如:

var y=x+f

(a+b).toString()

JavaScript将上述代码解析为:

var y=x+f(a+b).toString(); //根据细节2的填补分号规则,这里JavaScript错误的认为第二行的圆括号和第一行的f组成了一个函数调用f(a+b)。

所以,这里必须手动的添加:

var y=x+f;

(a+b).toString();

 

为了避免这个细节上的错误,可以保守地在第二段语句前加上一个分号:

var x =0

;[x,x+1,x+2].forEach(console.log) //哪怕上面的语句被修改了,或者分号被删除了,前面的分号还能保证了正确地语句解析

 

JavaScript可选分号细节,布布扣,bubuko.com

JavaScript可选分号细节

标签:style   blog   class   code   java   c   

原文地址:http://www.cnblogs.com/weile0769/p/3728404.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!