JS代码风格(JavaScript语言精粹)

在日常开发中,一个业务JS的代码可能要达到上千行,并且一个项目可能有成千上万个JS文件,由不同开发人员进行维护、开发。此时,如果没有一套良好的JS编码规范,那么维护起来将是一件非常痛苦的事情,因此,代码规范的JS可以降低维护成本。

1、优秀的程序拥有一个前瞻的结构,它会预见未来所有需要的可能修改,但不会让其成为过度的负担。优秀的程度也有一种清晰的表达式。如果一个程序被表达得很好,那么我们就能更加容易地理解它,以便成功的修改或修复它。

2、对代码块内容和对象字面量缩进4个空格。如:

// 字面对象
var obj = {
name : "test",
sex  : "male"
};
// 代码块
function test() {
var i = 0;
alert(i);
}

3、在if和(之间放置一个空格,以致于if不会看起来像一个函数调用。如:

if (true) {
alert("true");
} else {
alert("false"); // 调用alert函数,所以alert和(之间没有插入空格
}

4、在除了.和[外的所有中置运算符的两边都放空格。如:

for ( var i = 0; i < obj.length; i ++) {
var temp = obj[i];
alert(temp);
}

5、每个逗号和冒号后面使用一个空格。如:

for ( var i = 0; i < obj.length; i ++) {
var temp = obj[i] ? obj[i] : 'defaultValue';
alter(temp);
}

6、每行最多放一个语句。

7、如果一个语句一行放不下,在一个冒号或二元运算符后拆开。这将更好地防止复制/粘贴的错误被自动插入分号的机制所掩盖。如:

for ( var i = 0; i < obj.length; i ++) {
var temp = obj[i] ? obj[i] : 
'defaultValue';
alter(temp);
}

8、每个if、while、for都加一对花括号。如:

if (true) {
test();
}

while (true) {
...
}

9、为程序添加注释。将块注释用于正式文档,而单行注释用于其他注释。注意:注释必须保持最新,错误的注释会误导查看代码的人。如:

/**
 * ....
 */
function test() {
// ...
}

10、由于JavaScript不存在块级作用域,因此在一个函数中将需要的变量全部在函数的开始部分进行声明。如:

function test() {
var sum = 0;
var len = arguments.length;
for (var i = 0; i < len; i ++) {
sum += arguments[i];
}
return sum;
}

11、绝不在一个if表达式中使用赋值语句。如:

if ( a = b ) {
    ……
}

改为

var a = b;
if (a) {
    ……
}

12、不要啊switch语句中一个条件贯穿几个case,如果确实需要,则需要明确说明。如:

switch (a) {
    case '1' : 
    case '2' :
    case '3' : 
         ……;
         break;
    ……
}

13、使用一个单一的全局变量包含脚本程序或库,使每个对象都有自己的命名空间。如:

不是每一次努力都有收获,但是,每一次收获都必须努力。
0 不喜欢
说说我的看法 -
全部评论(
没有评论
关于
本网站属于个人的非赢利性网站,转载的文章遵循原作者的版权声明,如果原文没有版权声明,请来信告知:hxstrive@outlook.com
公众号