JavaScript コーディング標準 (概要)

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

1. スコープ内で使用します (含む)。関数スコープとグローバル スコープ)、

"use strict";

を使用して strict モードをオンにできます。

2. インデント

Tab キーを使用してコードをインデントし、コード サイズを節約します (JSLint 推奨)。

3. 記号

1) 中括弧

はステートメントと同じ行の最後に配置されます。ステートメントを 1 行に記述する場合は、中括弧を使用します。

括弧:

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

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

2) スペース

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

前後にスペースを追加します。演算子;
左中括弧の前;
中括弧の末尾と else、while または catch;
for の各部分内:

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
}

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

4 を使用します。

オブジェクトの名前付け: MyClass メソッドと変数など、キャメルケースを使用します。 getName()、myName

Constant: 大文字と下線付き (例: MY_NAME

5、single var mode

使用のみ)関数の先頭で変数を宣言するための 1 つの var の効果は次のとおりです。

1) 関数に必要なすべてのローカル変数を見つけるための単一のアドレスを提供します。

2) 変数が存在する場合の論理エラーを防ぎます。

3) 可能な限り変数の宣言を忘れないようにします。 グローバル変数の使用を減らします。

4) コーディングを減らします。

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

6。 #1) for ループ

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

注:

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

このように、i の長さの比較が使用されるたびにドキュメントがクエリされ、通常は DOM 操作に非常に時間がかかります。 。

2) while ループ

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

3) for-in ループ

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

7、スイッチ選択

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
}

8. parseInt()

の数値規則を使用します。1) 基本パラメーターを毎回具体的に指定します。

var month = '09', day = '08';
month = parseInt(month, 10); //不加进制参数便会转换为八进制
day = parseInt(day, 10);

2) 他の一般的に使用される方法は、文字列を変換することです。数値メソッドへの変換:

+'08';
Number('08');

9. リテラル モード

コンストラクターを使用して定義することはお勧めできません:

// built in constructors (avoid)
var o = new Object();
var a = new Array();
var re = new RegExp('[a-z]', 'g');
var s = new String();
var n = new Number();
var b = new Boolean();
throw new Error('message');

より適切なメソッドを使用することをお勧めします。リテラル パターン:

// literals and primitives (prefer)
var o = {};
var a = [];
var re = /[a-z]/g;
var s = '';
var n = 0;
var b = false;
throw {
  name: 'Error',
  message: 'message'
}

10、その他

1) 変数内の短縮語が先頭にある場合は、すべて小文字になります: xmlDocument (次の場合)先頭ではなく、すべて大文字になります:loadXML

2) 変数は意味のある英語である必要があり、ピンインは禁止されています 要約: 上記がこの記事の全内容です。みんなの学習に役立ちます。関連チュートリアルの詳細については、

JavaScript ビデオ チュートリアル

をご覧ください。

関連する推奨事項:

php 公共福祉トレーニング ビデオ チュートリアル

JavaScript グラフィック チュートリアル

#JavaScript オンライン マニュアル

以上がJavaScript コーディング標準 (概要)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。