ホームページ >ウェブフロントエンド >jsチュートリアル >今最も注目されているJavaScriptコードの仕様_基礎知識

今最も注目されているJavaScriptコードの仕様_基礎知識

WBOY
WBOYオリジナル
2016-05-16 16:56:141009ブラウズ

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 件の投稿に基づいています。)

スペースとタブ

最近では誰もがスペースを使うのが大好きです。スペース インデントを使用すると、異なる開発者や異なるエディタ設定で同じ結果が表示されるようになります。
スペース、81.1%、タブ、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 件の投稿に基づいています。)
個人的には、どのスペースも混雑しすぎているため、キーと値を素早く区別するのに役立たないと感じています。統計から判断すると、前後にスペースがある場合は、コロンを揃える必要があると思います。統計から判断すると、ほとんどのプログラマはコロンを揃えるのが面倒です (または、ほとんどのプログラマの 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 件の投稿に基づいています。)

概要
最も一般的なコード仕様は次のとおりです。

• 行末のカンマ
• スペースインデント
• 関数名の後にスペースなし
• 関数パラメータと括弧の間にスペースなし
• オブジェクトリテラルの後のコロン スペース、コロンの前に
を追加しないでください。 • 条件文キーワード

の後にスペースを追加します。

流行っているものが必ずしも良いものであるとは限りません (インフルエンザなど) が、コミュニケーションの観点から見ると、流行しているスタイルでコードを記述することで、コードがほとんどの人にとってより親しみのあるものに見えるようになります。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。