最流行的JavaScript代码规范

senntyou 发布于2019-08-21 12:10 / 323人阅读

摘要：什么是最佳的代码编程规范这可能是一个众口难调的问题。那么，不妨换个问题，什么代码规范最流行通过分析上托管的开源代码，得出了一些有趣的结果。基于次提交统计。

什么是最佳的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

专线服务服务器托管最流行的编程语言 java最流行的框架最流行的开源分布式存储系统最流行

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/87474.html

精读《js 模块化发展》

摘要：我是这一期的主持人黄子毅本期精读的文章是。模块化需要保证全局变量尽量干净，目前为止的模块化方案都没有很好的做到这一点。精读本次提出独到观点的同学有流形，黄子毅，苏里约，，杨森，淡苍，留影，精读由此归纳。这次是前端精读期刊与大家第一次正式碰面，我们每周会精读并分析若干篇精品好文，试图讨论出结论性观点。没错，我们试图通过观点的碰撞，争做无主观精品好文的意见领袖。我是这一期的主持人 ——...

Freelander 2019-08-22 17:00 评论0 收藏0
重读《学习JavaScript数据结构与算法-第三版》-第2章 ECMAScript与TypeScr

摘要：第二种接口的概念和面向对象编程相关接口视为一份合约，在合约里可以定义这份合约的类或接口的行为接口告诉类，它需要实现一个叫做的方法，并且该方法接收一个参数。定场诗八月中秋白露，路上行人凄凉；小桥流水桂花香，日夜千思万想。心中不得宁静，清早览罢文章，十年寒苦在书房，方显才高志广。前言洛伊安妮·格罗纳女士所著的《学习JavaScript数据结构与算法》第三版于2019年的5月份...

TZLLOG 2019-08-26 10:44 评论0 收藏0
关于BOOTSTRAP的整理和理解

摘要：规范名称定义，便于维护。譬如关于的定义在格式化的中会声明为，而在基本样式的中又可能会声明所以在中会出现多次定义。尽量减少连接数和的大小。基于版本的使用目前使用较广的是版本和，其中的最新版本是的最新版本。随着CSS3和HTML5的流行，我们的WEB页面不仅需要更人性化的设计理念，而且需要更酷的页面特效和用户体验。作为开发者，我们需要了解一些宝贵的CSS UI开源框架资源，它们可以帮助我...

amc 2019-08-29 16:10 评论0 收藏0
关于BOOTSTRAP的整理和理解

摘要：规范名称定义，便于维护。譬如关于的定义在格式化的中会声明为，而在基本样式的中又可能会声明所以在中会出现多次定义。尽量减少连接数和的大小。基于版本的使用目前使用较广的是版本和，其中的最新版本是的最新版本。随着CSS3和HTML5的流行，我们的WEB页面不仅需要更人性化的设计理念，而且需要更酷的页面特效和用户体验。作为开发者，我们需要了解一些宝贵的CSS UI开源框架资源，它们可以帮助我...

Tony_Zby 2019-07-01 10:23 评论0 收藏0