JavaScriptコードの仕様
JavaScript コード標準
すべての JavaScript プロジェクトは同じ標準を適用します。
JavaScript コード仕様
コード仕様には通常、次の側面が含まれます:
変數と関數の命名規(guī)則
スペース、インデント、およびコメントの使用規(guī)則。
その他の一般的に使用される仕様...
標準化されたコードは読みやすく、保守しやすくなります。
コード仕様は通常、開発前に規(guī)定され、チームメンバーと交渉して設定できます。
変數名
変數名にはキャメルケースを使用することをお勧めします:
firstName = "John";
lastName = "Doe";
price = 19.90;
tax = 0.20;
fullPrice = 価格 + (価格) * 稅);
スペースと演算子
通常の演算子 ( = + - * / ) は前後にスペースを追加する必要があります:
例:
var x = y + z;
var 値 = ["Volvo " 、 "Saab"、 "Fiat"];
コードのインデント
通常、コード ブロックをインデントするには 4 つのスペース記號を使用します:
Function:
function toCelsius(fahrenheit) {
return (5 / 9) * ( fahrenheit - 32);
}
エディターによって TAB キーの解釈が異なるため、インデントに TAB キーを使用することはお勧めできません。
ステートメントのルール
単純なステートメントの一般的なルール:
ステートメントは通常、記號で終わります。
例:
var 値 = ["Volvo", "Saab", "Fiat"];
var person = {
名: "John",
姓: "Doe",
年齢: 50,
eyeColor : "blue"
};
複雑なステートメントの一般規(guī)則:
最初の行の最後に左中括弧を置きます。
左中括弧の前にスペースを追加します。
閉じ中括弧を獨自の行に配置します。
複雑なステートメントをセミコロンで終わらせないでください。
関數:
関數 toCelsius(華氏) {
return (5 / 9) * (華氏 - 32);
}
ループ:
for (i = 0; i < 5; i++) {
x += i;
}
條件文:
if (時間 < 20) {
挨拶 = "こんにちは";
} else {
挨拶 = "こんばんは";
}
オブジェクトのルール
オブジェクト定義のルール:
左中括弧をクラス名と同じ行に置きます。
コロンと屬性値の間にはスペースがあります。
數値ではなく文字列に二重引用符を使用します。
最後の屬性と値のペアの後にカンマを追加しないでください。
右中括弧を獨自の行に配置し、記號で終了します。
例:
var person = {
firstName: "John",
lastName: "Doe",
age: 50,
eyeColor: "blue"
};
短いオブジェクトコードは 1 つのコードで直接記述することができますline:
例:
var person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};
コードの 1 行あたりの文字數は 80 文字未満です
読みやすさを考慮して、1 行の文字數は 80 文字未満にすることをお勧めします。
JavaScript ステートメントが 80 文字を超える場合は、演算子またはカンマの後で改行することをお勧めします。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<h1>我的 Web 頁面</h1>
<p>
建議在運算符或者逗號后換行。
</p>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML =
"Hello php.";
</script>
</body>
</html>命名規(guī)則
一般に、多くのコード言語の命名規(guī)則は似ています。例:
変數と関數はキャメルケース (camelCase)
グローバル変數は大文字 (UPPERCASE)
定數 (など) PI として) 大文字
変數の名前付けに次のルールを使用しますか: hyp-hens、camelCase、または under_scores
HTML および CSS のハント (-) 文字:
HTML5 屬性は data- で始めることができます (例: data-數量、データ価格) をプレフィックスとして使用します。
CSS は、プロパティ名 (フォント サイズ) を接続するために - を使用します。
- 一般に JavaScript では減算とみなされ、その使用は許可されていません。
アンダースコア:
多くのプログラマは、特に SQL データベースでアンダースコア (date_of_birth など) を使用することを好みます。
PHP言語は通常アンダースコアを使用します。
PascalCase:
PascalCase は C 言語でより一般的です。
CamelCase:
CamelCase は JavaScript で一般的に推奨されており、jQuery および他の JavaScript ライブラリは CamelCase を使用します。
多くの JavaScript ライブラリと競合するため、変數名を $ で始めないでください。
HTML 外部 JavaScript ファイルを読み込みます
簡潔な形式を使用して JavaScript ファイルを読み込みます (type 屬性は必要ありません):
<script src="myscript.js">
JavaScript を使用して HTML 要素にアクセスします
HTML の形式が不適切だと、JavaScript 実行エラーが発生する可能性があります。
次の 2 つの JavaScript ステートメントは異なる結果を出力します:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<p id="Demo">段落 1。</p>
<p id="demo">段落 2。</p>
<script>
// 只有段落 2 會被替換
document.getElementById("demo").innerHTML = "HELLO.";
</script>
</body>
</html>ファイル拡張子
HTML ファイルの拡張子は .html (または r .htm) にすることができます。
CSS ファイルの拡張子は .css です。
JavaScript ファイルの拡張子は .js です。
ファイル名は小文字を使用してください
ほとんどの Web サーバー (Apache、Unix) では大文字と小文字が區(qū)別されます。London.jpg 経由では london.jpg にアクセスできません。
他の Web サーバー (Microsoft、IIS) は大文字と小文字を區(qū)別しません。london.jpg には、London.jpg または london.jpg 経由でアクセスできます。
一貫したスタイルを維持する必要があり、小文字のファイル名を一律に使用することをお勧めします。
