GitHub开源代码规范统计：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之争

关于空格和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；而前后空格若要对齐冒号则需额外处理，从统计数据看，大部分程序员似乎并未对齐冒号，这可能源于编辑器智能程度不足或习惯使然。

条件语句关键字后的空格选择

在条件语句中，关键字后是否添加空格也有不同做法，这里展示有空格的情况。

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

另一种情况是无空格。

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

统计数据显示，条件语句关键字后有空格的比例为78.276%，无空格的比例为21.724%。该数据基于1,163,316次提交统计得出。

总结：主流JavaScript代码规范清单

关于引号的选择，单引号的使用率为56.791%，双引号为43.209%。该数据基于1,705,910次提交统计得出。

综上所述，当前最流行的JavaScript代码规范包括以下几点：

• 行末逗号 • 空格缩进 • 函数名称后无空格 • 函数参数与括号间无空格 • 对象字面量的冒号后加空格，冒号前不加 • 条件语句关键字后加空格

虽然流行的不一定代表绝对正确（如同流行性感冒），但从团队协作和交流的角度来看，遵循流行的代码风格能使代码在大多数开发者眼中更加自然和易读。