最盛行的JavaScript代码范例

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

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

《最盛行的JavaScript代码范例》

行末逗号对行首逗号

行末引号:

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

    原文作者:weakish
    原文地址: https://segmentfault.com/a/1190000000410316
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞