JavaScriptコードの仕様

JJavaScript ファイル

JavaScript プログラムは、拡張子 .js が付いたファイルに独立して保存する必要があります。

JavaScript コードは、このセクションのみに属する特定のコード部分でない限り、HTML ファイルに含めるべきではありません。 HTML 内の JavaScript コードはファイル サイズを大幅に増加させるため、キャッシュしたり圧縮したりすることはできません。

インデント

インデントの単位はスペース4つです。インデントに Tab キーを使用することは避けてください (21 世紀の現在でも)、タブの長さに関する統一基準はまだありません。スペースを使用するとファイル サイズが増加しますが、ローカル エリア ネットワークではほとんど無視できる程度であり、最小化プロセス中に削除できます。

各行の長さ

1行あたり80文字を超えることは避けてください。ステートメントが 1 行に収まらない場合は、ステートメントを折り返すことを検討してください。演算記号では、カンマの後に改行を入れるのが最善です。演算子の後の行を折り返すと、コピー＆ペーストのエラーがセミコロンでマスクされる可能性が減ります。次の行はスペース 8 個分インデントする必要があります。

コメント

コメントを軽視しないでください。将来あなたのコードを理解する必要がある人 (おそらくあなた自身) のために情報を残すことは非常に役立ちます。コメントは、コメントの対象となるコードと同じくらい適切に書かれ、明確である必要があります。時折ユーモアを加えるとさらに良いです。言葉遣いや感情的になることは避けてください。

タイムリーにメモを更新することも重要です。間違ったコメントがあると、プログラムが読みにくくなり、理解しにくくなる可能性があります。

変数宣言

すべての変数は使用前に宣言する必要があります。 JavaScript ではこれは必要ありませんが、これによりプログラムが読みやすくなり、宣言されていない変数を見つけやすくなります (変数はグローバル変数にコンパイルされます)。

関数の先頭に var ステートメントを置きます。

各変数の宣言文を別の行に配置し、コメントを追加するのが最善です。すべての変数はアルファベット順に並べ替えられます。

var currentEntry; // 現在の選択内容

var レベル

var size; // テーブルサイズ

関数宣言

すべての関数は使用前に宣言する必要があります。 内部関数の宣言は var ステートメントの後に続きます。これは、どの変数が関数のスコープ内にあるかを判断するのに役立ちます。

関数名とプログラム本体を開始する((左括弧).)(右括弧)と{(左括弧)の間にはスペースを入れないでください。関数プログラム本体はスペース 4 つでインデントする必要があります。 } (右中括弧) は、関数を宣言するコード行の先頭に位置合わせされます。

関数 external(c, d) {

var e = c * d;                                                                                                           。                                                                   。

}

命名

変数名の最初の文字として _ (アンダースコア) を使用しないでください。プライベート変数を表すために使用されることもありますが、実際には JavaScript にはプライベート変数の機能はありません。プライベート変数が重要な場合は、プライベート メンバー フォームを使用してください。この誤解を招く命名規則は避けてください。

new とともに使用する必要があるコンストラクター名は大文字で始める必要があります。 new が省略された場合、JavaScript はコンパイル エラーやランタイム エラーをスローしません。 new を追加するのを忘れると、悪いことが起こる (通常の関数として扱われるなど) ため、コンストラクター名を大文字にすることが、これを回避できる唯一の方法です。
グローバル変数はすべて大文字にする必要があります。 （JavaScriptにはマクロや定数がないので誤解のないように）

ステートメント

単純なステートメント

各行には最大 1 つのステートメントが含まれます。すべての単純なステートメントの最後に; (セミコロン) を付けます。関数代入またはオブジェクト代入ステートメントも代入ステートメントであり、セミコロンで終わる必要があることに注意してください。

JavaScript はあらゆる式をステートメントとして扱うことができます。これにより、一部のエラー、特に誤ってセミコロンを追加したことによって発生するエラーを簡単に隠すことができます。式は、代入して呼び出す場合にのみ、別のステートメントとして扱う必要があります。

複合ステートメント

複合ステートメントは、{ } (中括弧) で囲まれた一連のステートメントです。

囲まれたステートメントはさらに 4 つのスペースでインデントする必要があります。 { (左中括弧) は複合ステートメントの実行の最後に置く必要があります。 } (右中括弧) は、{ (左中括弧) の行の先頭と揃える必要があります。 if などの制御構造の一部である場合、文が 1 つしかない場合でも、すべての複合文で中括弧を使用する必要があります。または for ステートメント。こうすることで、後でステートメントを追加する際のエラーを回避できます。

マーキング

ステートメントのマーキングはオプションです。while、do、for、switch のステートメントのみをマークする必要があります。

return ステートメント

戻り値を含む return ステートメントでは、戻り値を () (括弧) で囲んではなりません。式が返される場合は、偶発的なセミコロン エラーを避けるために、その式を return キーワードと同じ行に置く必要があります。

continue ステートメント

continue ステートメントの使用は避けてください。プログラムのロジックが簡単にわかりにくくなる可能性があります。

with ステートメント

with ステートメントは使用しないでください。

空白

論理的に関連するコードブロックを区切るために空白行を使用すると、プログラムの可読性が向上します。

スペースは次の状況で使用する必要があります:

• ((左括弧) に続くキーワードはスペースで区切る必要があります。while (true) {
• 関数パラメータと ((左括弧) There の間にスペースを入れてはなりませんこれは、キーワードと関数呼び出しを区別するのに役立ちます

• .(ドット)、((左括弧) および [(左括弧) を除くすべての二項演算子は、オペランドから分離する必要があります。

• スペースを含めないでください。単項演算子とそのオペランドの間。ただし、演​​算子が typeof などの単語である場合を除きます。for ステートメントなどの各 ; (セミコロン) の後にはスペースが必要です。 , (カンマ) の後にはスペースを入れる必要があります。

オブジェクトのルール

オブジェクト定義のルール:

左中括弧をクラス名と同じ行に置きます

それと属性値の間にはコロンがあります。スペース。

文字列には二重引用符を使用します。数値は必要ありません。

最後の属性と値のペアの後にはコンマを追加しないでください。

で終了します。

HTML ファイルの拡張子は .html (または r .htm) にすることができます。

CSS ファイルの拡張子は .css です。

JavaScript ファイルの拡張子は .js です。

ファイル名は小文字を使用してください

ほとんどの Web サーバー (Apache、Unix) では大文字と小文字が区別されます。London.jpg を介して london.jpg にアクセスすることはできません。

他の Web サーバー (Microsoft、IIS) は大文字と小文字を区別しません。london.jpg には、London.jpg または london.jpg 経由でアクセスできます。

一貫したスタイルを維持する必要があり、小文字のファイル名を一律に使用することをお勧めします。