《编写可维护的JavaScript》——JavaScript编码规范(五)
语句和表达式
在JavaScript中,诸如if和for之类的语句有两种写法,使用花括号的多行代码或者不使用花括号的单行代码。比如:
//不好的写法,尽管这是合法的JavaScript代码 if (condition) doSomething(); //不好的写法,尽管这是合法的JavaScript代码 if (condition) doSomething(); //不好的写法,尽管这是合法的JavaScript代码 if (condition) { doSomething(); } //好的写法 if (condition) { doSomething(); }
前两种写法都没有花括号,这在很多编程规范中,都是被禁止的。
绝大多数JavaScript程序员认可这样一点:不论块语句包含多行代码还是单行代码,都应当总是使用花括号。因为省略花括号会造成一些困惑。
花括号的对齐方式
有两种主要的花括号对齐方式:
第一种风格是将花括号放置在块语句的第一句代码的末尾;
第二种对齐风格是将花括号放置于块语句首行的下一行。
Google JavaScript风格指南明确禁止第二种用法,以免导致错误的分号自动插入。个人更推荐第一种花括号对齐格式。
块语句间隔
块语句首行附近的空白行同样是我们需要考虑的。块语句间隔主要有三种主要的风格:
第一种风格是,在语句名、圆括号和左花括号之间没有空格间隔。
if(condition){ doSomething(); }
不少程序员喜欢这种风格,因为这种风格看起来很紧凑,而另一些人抱怨这种紧凑风格实际上破坏了一些易读性。Dojo编程风格指南推荐使用这种风格。
第二种风格是,在括左圆括号之前和右圆括号之后各添加一个空格。
if (condition) { doSomething(); }
有很多程序员青睐这种风格,因为语句类型和条件判断更易读。这种风格是Crockford的编程规范和Google JavaScript风格指南所推荐的。
第三种风格是,在左圆括号后和右圆括号前各添加一个空格。
if ( condition ) { doSomething(); }
jQuery核心风格指南文档规定了这种风格,因为它使语句中的各个部分都非常清晰和易读。
switch语句
关于switch语句的格式和使用方式也是众说纷纭。其中一些多样性来自于switch语句的传承,它源自C,但在Java和JavaScript中又没有完全相同的语法。
尽管语法相似,JavaScript中的switch语句的行为和在其他语言中是不一样的:switch语句中可以使用任意类型值,任何表达式都可合法地用于case从句。但在其他语言中则必须使用原始值和常量。
缩进
对于JavaScript程序员来说,switch语句的缩进格式是一个有争议的话题。很多人使用Java风格的switch语句,看起来像下面这样。
switch(condition) { case "first": //代码 break; case "second": //代码 break; case "third": //代码 break; default: //代码 }
这种格式的独特之处在于:
每条case语句相对于switch关键字都缩进一个层级。
从第二条case语句开始,每条case语句前后各有一个空行。
另一种格式如下:
switch(condition) { case "first": //代码 break; case "second": //代码 break; case "third": //代码 break; default: //代码 }
这个选择完全是个人偏好问题。
case语句的连续执行
“执行完一个case后连续执行(fall through)下一个case”,这是否是一种广为认可的实践,也是备受争议的一个问题。不小心省略case末尾的break是很多bug的罪魁祸首,因此Douglas Crockford 提出所有case都应当以break、return或throw做结尾,但没有给出任何解释。如果某个case执行结束后直接进入下一个case,JSLint会给出警告。
有很多人认为case的连续执行是一种可接受的编程方法,我很同意这种观点,只要程序逻辑非常清晰即可。但这种情况下最好给出注释。
default
switch语句中另一个需要讨论的议题是,是否需要default。很多人认为不论何时都不应该省略default,哪怕default什么也不做。
也有人更倾向于在没有默认行为且写了注释的情况下省略default。
with语句
在严格模式中,with语句是被明确禁止的,如果使用则报语法错误。强烈推荐避免使用with语句。
for循环
for循环有两种:一种是传统的for循环,是JavaScript从C和Java中继承而来;另一种是for-in循环,用来遍历对象的属性。这两种循环乍一看很类似,但却有着完全不同的用法。
传统的for循环往往用于遍历数组成员。
for-in循环是用来遍历对象属性的。不用定义任何控制条件,循环将会有条不紊地遍历每个对象属性,并返回属性名而不是值。
for-in循环有一个问题,就是它不仅遍历对象的实例属性(instance property),同样还遍历从原型继承来的属性。出于这个原因,最好使用hasOwnProperty()方法来为for-in循环过滤出实例属性。
var prop; for (prop in object) { if (object.hasOwnProperty(prop)) { console.log("Property name is " + prop); console.log("Property value is "+ object[prop]); } }
推荐在所有for-in循环中使用hasOwnProperty(),除非你想查找原型链,这时就应当补充注释。
关于for-in循环,还有一点需要注意,即for-in循环是用来遍历对象的。一个常见的错误用法就是使用for-in循环来遍历数组成员。
<!--
作者:纤锐
出处:http://www.cnblogs.com/beginner2014
本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接。谢谢合作。
-->