JavaScript代码整洁之道

1.大括号位置

描述:大多数的编程语言,都用大括号 { } 表示区块。大括号的位置,有许多不同的写法。

最流行的有两种。一种是起首的大括号另起一行:

block

{

       ......

}

另一种是大括号跟在关键字的后面:

block {

       ......

}

推荐写法:

1.因为Javascript会自动添加句末的分号,导致一些难以察觉的错误。表示区块起首的大括号,不要另起一行。所以推荐第二种写法!


2. 圆括号

描述:Javascript中有两种作用,一种表示调用函数,另一种表示不同的值的组合(grouping)。我们可以用空格,区分这两种不同的括号。

推荐写法:

1.调用函数的时候,函数名与左括号之间没有空格。 

2.函数名与参数序列之间,没有空格。 

3.所有其他语法元素与左括号之间,都有一个空格。


3. 分号

描述:分号表示语句的结束。大多数情况下,如果你省略了句尾的分号,Javascript会自动添加。麻烦的是,如果下一行的第一个字符是  "("、"["、"/"、"+"和"-"  ,Javascript将不对上一行句尾添加句号,从而导致代码没有和我们预期效果执行。

推荐写法:

1.不要省略句末的分号。


4.with语句

描述:with可以减少代码的书写,但是会造成混淆。

推荐写法:

1.不要使用with语句。


5.相等和严格相等

描述:Javascript有两个表示"相等"的运算符:"相等"(==)和"严格相等"(===)。因为"相等"运算符会自动转换变量类型,造成很多意想不到的情况。

推荐写法:

1.不要使用"相等"(==)运算符,只使用"严格相等"(===)运算符。


6. 语句的合并

描述:有些程序员追求简洁,喜欢合并不同目的的语句。

推荐写法:

1.不要将不同目的的语句,合并成一行。


7.变量提升

描述:Javascript会自动将变量声明"提升"(hoist)到代码块(block)的头部。为了避免可能出现的问题,不如把变量声明都放在代码块的头部。比如:

var i;

for (i ...) {...,}

推荐写法:

1.所有变量声明都放在函数的头部。

2.所有函数都在使用之前定义。


8. 全局变量

描述:Javascript最大的语法缺点,可能就是全局变量对于任何一个代码块,都是可读可写。这对代码的模块化和重复使用,非常不利。

推荐写法:

1.避免使用全局变量;如果不得不使用,用大写字母表示变量名,比如UPPER_CASE。


本文借鉴于阮一峰的Javascript编程风格一文。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容