Javascript编码规范之空格篇

代码是写给人读的,顺便让机器运行一下。

在某位大神的微博上偶尔看到这句话,瞬间感觉到也许这应该就是我等码农编码的最高境界了吧。短短的一句话,道出了编码时应追求的目标以及应该遵守的原则。高可读性、高健壮性、高扩展性、低耦合性,曾经在大学课堂中熟悉的词汇也只有在大量的实践中才能有深刻的体会。多人协作过程中,如何提高自己代码的可读性不仅是对自己负责,更是对团队中他人负责。本篇结合腾讯AlloyTeam以及百度FexTeam的前端编码规范,总结了在进行js编程时,在空格方面容易忽视的几个地方。

** 一、三元运算符,二元运算符两侧必须有一个空格,一元运算符与操作对象之间不允许有空格,**

1
2
3
4
5
let flag = isMetal ? isMetal : false;
let sum = a + b;
let len = !arr.length;
sum++;
++sum;

** 二、代码块’{‘前必须有空格**

1
2
3
function demoShow() {

}

** 三、if / else / for / while / function / switch / do / try / catch / finally 关键字后,必须有一个空格**

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
if () {

} else {

}

do {

} while () {

}

try () {

} catch () {

}finally {

}

** 四、单行声明的对象、数组,紧贴括号的部分不能有空格**

1
2
let obj = {name: 'monster1935'};
let arr = [1, 2, 3];

** 五、函数的参数之间,for循环,分号后留有一个空格,前置条件如果有多个,逗号后留有一个空格**

1
2
3
4
5
6
7
function demoShow(params1, params2, params3) {

};

for(let i = 0, len = arr.length; i < len; i++) {

}

参考文章:

Code Guide by @AlloyTeam

JavaScript编码规范 @FexTeam

作者

monster1935

发布于

2017-03-20

更新于

2024-09-25

许可协议