JavaScriptのコーディング規約（コーディング仕様）

この記事では主に Javascript のコーディング規約 (コーディング仕様) を紹介しますので、必要な方は参考にしてください

1. 厳密モードを使用します

スコープ (関数スコープ、グローバル スコープを含む) では、

を使用できます。 strict モードを有効にするには、strict";

を使用します。

2. インデント

Tab キーを使用してコードをインデントし、コード サイズを節約し、インデントにはスペース 4 個の幅を使用します (JSLint 推奨)。

3. 記号

1) 中括弧

はステートメントと同じ行の最後に配置されます。ステートメントが 1 行しかない場合は、中括弧も使用されます。

if (true) {
  //true
} else {
  //false
}

2) スペース

カンマ、セミコロン、コロンの後にスペースを追加

演算子の前後にスペースを追加

左中括弧の前

右中括弧と else、while または catch の間

for の各部分内

このような例:

while (true) {
  //alert(1);
}

3) すべてのステートメントの後に、; 記号

を付けます。 4.

オブジェクトに名前を付けます: MyClass などのキャメルケースを使用します。

メソッドと変数: 次のような混合メソッドを使用します。 getName() 、 myName

定数: MY_NAME

などの大文字と下線付き 5. 単一変数モード

関数の先頭で変数を宣言するには 1 つの var のみを使用します。 関数は次のとおりです。 1) 関数を見つけるために単一のアドレスを提供します すべてのローカル変数が必要です

2) 変数が定義される前に使用される場合のロジックエラーを防ぎます

3) 変数の宣言を忘れずに、グローバル変数の使用を最小限に抑えます4) コーディングの量を減らします

rreee

6loop

1）loop

rreee

note：

var a = [1, 2, 3];
var obj = {
  name: 'name',
  value: 'value'
};
for (var i = 0; i < 10; i++) {}
function func(a, b, c) {}

c = a + b;
if (a && b || c) {
  //if
} else {
  //else
}

try {
  //try
} catch(err) {
  //catch
}

この方法は、iの長さを比較するたびにドキュメントを照会します。 DOM 操作は非常に時間がかかります。

2) while ループ

function func() {
  var a = 1,
    b = 2, 
    sum = a + b,
    obj = {
      name: 'name',
      value: 'value'
    },
  $btn = $('#btn');
  //函数体
}

3) for-in ループ

var i, arr = [];
for (i = arr.length; i--;) {
  //arr[i];
}

7. スイッチ選択

for (var i = 0; i < document.getElementsByName().length; i++) {
  //document.getElementsByName()[0];
}

使用推奨:

rrりー

8 、 parseInt() の数値規則を使用します

1) 基本パラメータを毎回具体的に指定します:

var arr = [], 
  i = arr.length;
while (i--) {
  //处理
}

2) 文字列を数値に変換するその他の一般的に使用される方法:

var i,
  hasOwn = Object.prototype.hasOwnProperty;
for (i in man) {
  if (hasOwn.call(man, i)) { //过滤
    console.log(i, ':', man[i]);
  }
}

9. リテラル モード

コンストラクターを使用して定義することは推奨されません:

switch (num) {
case 0:
  //do something
  break;
case 1:
  //do something
  break;
...
default:
  //do default
}

より良いリテラル モードを使用することをお勧めします:

var obj = {
  '0': function() {
    //do somethins
  },
  '1': function() {
    // do somethis
  }, ...
}
if (obj.hasOwnProperty(num)) {
  obj[num]();
} else {
  //do default
}

10. その他

1)変数内 略語が先頭にある場合はすべて小文字になります:xmlDocument、先頭にない場合はすべて大文字になります:loadXML

2) 変数は意味のある英語である必要があり、ピンインは禁止されています

上記は私が皆さんのためにまとめたものです。将来的に皆さんのお役に立てれば幸いです。

関連記事:

Angular 4.x+Ionic3の落とし穴 - Ionic3.xのpop逆値転送の詳細説明

vueでのcssプリロードをベースにしたsassの設定方法の詳細説明

WeChat プログラムに指ズーム画像を実装するための小さなサンプルコード

以上がJavaScriptのコーディング規約（コーディング仕様）の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。