最盛行的JavaScript代码范例

什么是最好的Javascript代码编程范例？这多是一个众口难调的题目。那末，无妨换个题目，什么代码范例最盛行？

sideeffect.kr经由过程剖析GitHub上托管的开源代码，得出了一些风趣的效果。一同来看看吧。

行末逗号对行首逗号

行末引号：

var foo = 1,
bar = 2,
baz = 3;
var obj = {
foo: 1,
bar: 2,
baz: 3
};


行首引号：

var foo = 1
, bar = 2
, baz = 3;
var obj = {
foo: 1
, bar: 2
, baz: 3
};


行末，92.345%；行首，7.655%。（基于1,100,251次提交统计。）

空格和Tab

这年头人人都爱用空格了。运用空格缩进能够保证差别的开发者、差别的编辑器设置下看到的效果是一样的。

空格，81.1 %；Tab，18.9 %。（基于2,019,550次提交统计。）

函数后是不是增加空格

无空格

function foo() {
return "bar";
}


有空格

function foo () {
return "bar";
}


无空格，67.424 %；有空格，32.576 %。（基于1,212,488次提交统计。）

参数与括号间是不是有空格

无空格

function fn(arg1, arg2) {
//or
if (true) {


有空格

function fn( arg1, arg2 ) {
// ...
}
if ( true ) {
// ...
}


无空格，94.31 %；有空格，5.69 %。（基于1,514,971次提交统计。）

对象字面量中冒号四周是不是有空格

冒号后有空格

{
foo: 1,
bar: 2,
baz: 3
}


冒号后无空格

{
foo:1,
bar:2,
baz:3
}


冒号前后均有空格

{
foo : 1,
bar : 2,
baz : 3
}


后空格，62.955 %；无空格，22.891 %；前后空格，14.154 %。（基于1,300,035次提交统计。）

个人以为，无空格太挤了，不利于疾速分清key和value。前后空格的话，生怕须要对齐冒号，看起来才雅观，从统计数据来看，大部分程序员懒得对齐冒号（照样说，大部分程序员的IDE或编辑器不够智能？）

前提语句

有空格

if (true) {
//...
}
while (true) {
//...
}
switch (v) {
//...
}


无空格

if(true) {
//...
}
while(true) {
//...
}
switch(v) {
//...
}


有空格，78.276 %；无空格，21.724 %。（基于1,163,316次提交。）

单引号、双引号

单引号，56.791 %；双引号，43.209 %。（基于1,705,910次提交。）

总结

所以说，最盛行的代码范例是:

• 行末逗号
• 空格缩进
• 函数称号后无空格
• 函数参数与括号间无空格
• 对象字面量的冒号后加空格，冒号前不加
• 前提语句症结字后加空格

盛行的不一定是好的（比方盛行性感冒），然则从交换的角度来讲，根据盛行的作风编写代码，能够让你的代码在大多数人看起来更习气。

编撰 SegmentFault