ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript コーディング標準 (概要)

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

青灯夜游
リリース: 2018-10-09 15:01:10
転載
2142 人が閲覧しました

この記事では主に 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: &#39;name&#39;,
      value: &#39;value&#39;
    },
  $btn = $(&#39;#btn&#39;);
  //函数体
}
ログイン後にコピー


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, &#39;:&#39;, man[i]);
  }
}
ログイン後にコピー

7、スイッチ選択

switch (num) {
case 0:
  //do something
  break;
case 1:
  //do something
  break;
...
default:
  //do default
}
ログイン後にコピー

推奨使用法:

var obj = {
  &#39;0&#39;: function() {
    //do somethins
  },
  &#39;1&#39;: function() {
    // do somethis
  }, ...
}
if (obj.hasOwnProperty(num)) {
  obj[num]();
} else {
  //do default
}
ログイン後にコピー

8. parseInt()

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

var month = &#39;09&#39;, day = &#39;08&#39;;
month = parseInt(month, 10); //不加进制参数便会转换为八进制
day = parseInt(day, 10);
ログイン後にコピー
2) 他の一般的に使用される方法は、文字列を変換することです。数値メソッドへの変換:
+&#39;08&#39;;
Number(&#39;08&#39;);
ログイン後にコピー

9. リテラル モード

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

// built in constructors (avoid)
var o = new Object();
var a = new Array();
var re = new RegExp(&#39;[a-z]&#39;, &#39;g&#39;);
var s = new String();
var n = new Number();
var b = new Boolean();
throw new Error(&#39;message&#39;);
ログイン後にコピー
より適切なメソッドを使用することをお勧めします。リテラル パターン:
// literals and primitives (prefer)
var o = {};
var a = [];
var re = /[a-z]/g;
var s = &#39;&#39;;
var n = 0;
var b = false;
throw {
  name: &#39;Error&#39;,
  message: &#39;message&#39;
}
ログイン後にコピー

10、その他

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

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

JavaScript ビデオ チュートリアル

をご覧ください。

関連する推奨事項:

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

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

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

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

関連ラベル:
ソース:jb51.net
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート