JavaScript コーディングのベスト プログラミング プラクティスは何ですか?これは答えるのが難しい質問かもしれません。それでは、質問を変えて、どのコーディング標準が最も人気があるのでしょうか?
Sideeffect.kr は、GitHub でホストされているオープンソース コードを分析して、いくつかの興味深い結果を導き出しました。見てみましょう。
終わりのコンマと始まりのコンマ
行末引用符:
次のようにコードをコピーします。
var foo = 1、
バー = 2、
バズ = 3;
var obj = {
フー: 1、
バー: 2、
バズ：3
};
引用開始:
次のようにコードをコピーします。
var foo = 1
、バー = 2
、バズ = 3;
var obj = {
フー: 1
、バー: 2
、バズ：3
};
行末、92.345%、行頭、7.655%。 (1,100,251 コミットに基づく。)
スペースとタブ
最近は誰もがスペースを使うのが大好きです。スペース インデントを使用すると、異なる開発者や異なるエディタ設定で同じ結果が表示されるようになります。
スペース、81.1%、タブ、18.9%。 (2,019,550 件の投稿に基づいています。)
関数の後にスペースを追加するかどうか
スペースはありません
次のようにコードをコピーします。
関数 foo() {
「バー」を返します。
}
スペースがあります
次のようにコードをコピーします。
関数 foo () {
「バー」を返します。
}
スペースなし、67.424%、スペースあり、32.576%。 (1,212,488 件の投稿に基づいています。)
パラメータと括弧の間にスペースはありますか?
スペースはありません
次のようにコードをコピーします。
関数 fn(arg1, arg2) {
//または
if (true) {
スペースがあります
次のようにコードをコピーします。
関数 fn(arg1, arg2) {
// ...
}
if (true) {
// ...
}
スペースなしでは 94.31%、スペースありでは 5.69%。 (1,514,971 件の投稿に基づいています。)
オブジェクト リテラルのコロンの周囲にスペースはありますか?
コロンの後にスペースがあります
次のようにコードをコピーします。
{
フー: 1、
バー: 2、
バズ：3
}
コロンの後にスペースはありません
次のようにコードをコピーします。
{
foo:1、
バー:2、
バズ:3
}
コロンの前後にスペースがあります
次のようにコードをコピーします。
{
foo : 1、
バー：2、
バズ：3
}
末尾のスペース、62.955%、スペースなし、22.891%、先頭および末尾のスペース、14.154%。 (1,300,035 件の投稿に基づいています。)
個人的には、どのスペースも混雑しすぎていて、キーと値を素早く区別するのに役立たないと感じています。統計から判断すると、前後にスペースがある場合は、コロンを揃える必要があると思います。統計から判断すると、ほとんどのプログラマはコロンを揃えるのが面倒です (または、ほとんどのプログラマの IDE またはエディタが賢くないのでしょうか)。十分？）
条件文
スペースがあります
次のようにコードをコピーします。
if (true) {
//...
}
while (true) {
//...
}
スイッチ (v) {
//...
}
スペースはありません
次のようにコードをコピーします。
if(true) {
//...
}
while(true) {
//...
}
スイッチ(v) {
//...
}
スペースあり、78.276%、スペースなし、21.724%。 (1,163,316 件の投稿に基づいています。)
一重引用符、二重引用符
一重引用符、56.791%、二重引用符、43.209%。 (1,705,910 件の投稿に基づいています。)
要約する
したがって、最も一般的なコーディング標準は次のとおりです。
•行末カンマ
• スペースインデント
•関数名の後にスペースは入れません
•関数パラメータと括弧の間にはスペースを入れないでください。
• オブジェクト リテラルでは、コロンの前ではなく、コロンの後にスペースを追加します。
•条件文のキーワードの後にスペースを追加します。
流行っているものが必ずしも良いものであるとは限りません (インフルエンザなど) が、コミュニケーションの観点から見ると、流行しているスタイルでコードを記述すると、コードがほとんどの人にとってより親しみのあるものに見えるようになります。