現(xiàn)如今最流行的JavaScript代碼規(guī)范
什么是最佳的JavaScript代碼編程規(guī)范？這可能是一個(gè)眾口難調(diào)的問題。那么，不妨換個(gè)問題，什么代碼規(guī)范最流行？
sideeffect.kr通過分析GitHub上托管的開源代碼，得出了一些有趣的結(jié)果。一起來看看吧。
行末逗號對行首逗號
行末引號：
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次提交統(tǒng)計(jì)。）
空格和Tab
這年頭大家都愛用空格了。使用空格縮進(jìn)可以保證不同的開發(fā)者、不同的編輯器設(shè)置下看到的結(jié)果是一樣的。
空格，81.1 %；Tab，18.9 %。（基于2,019,550次提交統(tǒng)計(jì)。）
函數(shù)后是否添加空格
無空格
function foo() {
return "bar";
}
有空格
function foo () {
return "bar";
}
無空格，67.424 %；有空格，32.576 %。（基于1,212,488次提交統(tǒng)計(jì)。）
參數(shù)與括號間是否有空格
無空格
function fn(arg1, arg2) {
//or
if (true) {
有空格
function fn( arg1, arg2 ) {
// ...
}
if ( true ) {
// ...
}
無空格，94.31 %；有空格，5.69 %。（基于1,514,971次提交統(tǒng)計(jì)。）
對象字面量中冒號周圍是否有空格
冒號后有空格
{
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次提交統(tǒng)計(jì)。）
個(gè)人覺得，無空格太擠了，不利于快速分清key和value。前后空格的話，恐怕需要對齊冒號，看起來才美觀，從統(tǒng)計(jì)數(shù)據(jù)來看，大部分程序員懶得對齊冒號（還是說，大部分程序員的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次提交。）
總結(jié)
所以說，最流行的代碼規(guī)范是:
•行末逗號
•空格縮進(jìn)
•函數(shù)名稱后無空格
•函數(shù)參數(shù)與括號間無空格
•對象字面量的冒號后加空格，冒號前不加
•條件語句關(guān)鍵字后加空格
流行的不一定是好的（比如流行性感冒），但是從交流的角度來說，按照流行的風(fēng)格編寫代碼，可以讓你的代碼在大多數(shù)人看起來更習(xí)慣。
相關(guān)文章
javascript 有三大經(jīng)典的變量命名法：匈牙利命名法，駝峰式命名法和帕斯卡命名法。今天主要介紹下這三種命名方式。文中通過示例代碼介紹的很詳細(xì)，有需要的朋友可以參考借鑒，下面來一起看看吧。2017-02-02
javascript 多瀏覽器 事件大全 ，對于一些事件的使用限制于觸發(fā)方法可以參考下。2010-03-03
「中高級前端面試」JavaScript手寫代碼無敵秘籍（推薦）
這篇文章主要介紹了JavaScript手寫代碼，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-04-04
這篇文章主要介紹了javascript日期格式化示例,需要的朋友可以參考下2014-03-03
​學(xué)習(xí)是一個(gè)持續(xù)不斷的過程，在互聯(lián)網(wǎng)技術(shù)里暢游的程序員們，對學(xué)習(xí)的渴望更是難以窮盡，下面這篇文章主要給大家分享了關(guān)于Javascript相關(guān)的書籍，對大家學(xué)習(xí)Javascript具有一定的參考學(xué)習(xí)價(jià)值，下面來一起看看吧。2017-07-07
JavaScript之?dāng)?shù)組（Array）詳解
這篇文章主要介紹了JavaScript之?dāng)?shù)組（Array）詳解,本文詳細(xì)講解了JavaScript數(shù)組的創(chuàng)建、檢測數(shù)組、轉(zhuǎn)化方法、棧方法、隊(duì)列方法、重排序方法、操作方法、位置方法等內(nèi)容,需要的朋友可以參考下2015-04-04
這篇文章主要介紹了JavaScript靜態(tài)類型檢查工具FLOW簡介,需要的朋友可以參考下2015-01-01
這篇文章主要介紹了深入理解JavaScript中的對象,是JS入門學(xué)習(xí)中的基礎(chǔ)知識(shí),需要的朋友可以參考下2015-06-06
這篇文章主要介紹了JavaScript中charAt()方法的使用詳解,是JS入門學(xué)習(xí)中的基礎(chǔ)知識(shí),需要的朋友可以參考下2015-06-06
Javascript基礎(chǔ)知識(shí)（三）BOM，DOM總結(jié)
本文是基礎(chǔ)知識(shí)系列的第三篇文章，主要介紹javascript中BOM,DOM的一些心得總結(jié)，非常實(shí)用，有需要的朋友可以參考下2014-09-09