JavaScriptコードの仕様

すべての JavaScript プロジェクトは同じ仕様を適用します。

JavaScript コード仕様

コード仕様には通常、次の側(cè)面が含まれます:

変數(shù)と関數(shù)の命名規(guī)則
スペース、インデント、およびコメントの使用規(guī)則。
その他の一般的に使用される仕様...

標(biāo)準(zhǔn)コードは読みやすく、保守しやすい場合があります。

コード仕様は通常、開発前に規(guī)定され、チームメンバーと交渉して設(shè)定できます。

変數(shù)名

変數(shù)名にはキャメルケースを使用することをお勧めします:

firstName = "John";
lastName = "Doe";

price = 19.90;
tax = 0。 20 ;

fullPrice = 価格 + (価格 * 稅);

スペースと演算子

通常の演算子 ( = + - * / ) は前後にスペースを追加する必要があります:

var x = y + z;
var 値 = ["Volvo", "Saab", "Fiat"];

コードのインデント

通常、コードブロックのインデントには 4 つのスペースが使用されます。 :

function toCelsius(fahrenheit) {

return (5 / 9) * (fahrenheit - 32);
}

TAB キーは環(huán)境によって解釈が異なるため、インデントに TAB キーを使用することはお勧めしません。編集者。

ステートメントのルール単純なステートメントの一般的なルール:

var 値 = ["Volvo", "Saab", "Fiat"];

var person = {
名: "John",
姓: "Doe",
年齢: 50,
eyeColor : "blue"
};

複雑なステートメントの一般規(guī)則:

機(jī)能:

関數(shù) toCelsius(華氏) {
return (5 / 9) * (華氏 - 32);
}

Loop:

for (i = 0; i < 5; i++) {
x += i;
}

條件文:

if (時間 < 20) {
挨拶 = "こんにちは";
} else {
挨拶 = "こんばんは";
}

オブジェクトのルール

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

左中括弧をクラス名と同じ行に置きます。
コロンと屬性値の間にはスペースがあります。
數(shù)値ではなく文字列に二重引用符を使用します。
最後の屬性と値のペアの後にカンマを追加しないでください。
右中括弧を獨自の行に配置し、記號で終了します。

var person = {
firstName: "John",
lastName: "Doe",
age: 50,
eyeColor: "blue"
};

短いオブジェクトコードを直接記述することができますone line :

var person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};

各行のコード文字は 80 文字未満です

順序読みやすくするために、1 行あたり 80 文字未満にすることをお勧めします。

JavaScript ステートメントが 80 文字を超える場合は、演算子またはカンマの後で改行することをお勧めします。

インスタンス

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文網(wǎng)(php.cn)</title>
</head>
<body>
<h1>我的 Web 頁面</h1>
<p>
建議在運算符或者逗號后換行。
</p>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML =
    "Hello php.";
</script>
</body>
</html>

プログラムを?qū)g行して試してみましょう

命名規(guī)則

一般に、多くのコード言語の命名規(guī)則は似ています。例:

変數(shù)と関數(shù)はキャメルケース (camelCase)
グローバル変數(shù)は大文字 (UPPERCASE)
定數(shù) (PI など) ) は大文字 (UPPERCASE) です

変數(shù)の命名規(guī)則は次のとおりですか: ハイフヘン、キャメルケース、またはアンダースコア?

HTML および CSS のバー (-) 文字:

HTML5 屬性は次のことができます。データ (例: データ量、データ価格) をプレフィックスとして使用します。

CSS は、プロパティ名 (フォントサイズ) を接続するために - を使用します。

注: - は通常、JavaScript では減算とみなされ、その使用は許可されていません。

アンダースコア:

多くのプログラマーは、特に SQL データベースでアンダースコア (date_of_birth など) を使用することを好みます。

PHP言語は通常アンダースコアを使用します。

PascalCase:

PascalCase は C 言語でより一般的です。

キャメルケース:

JavaScriptでは一般にキャメルケースが推奨されており、jQueryやその他のJavaScriptライブラリではキャメルケースが使用されます。

注: 多くの JavaScript ライブラリと競合するため、変數(shù)名を $ で始めないでください。

HTML 外部 JavaScript ファイルをロードします

簡潔な形式を使用して JavaScript ファイルをロードします (type 屬性は必要ありません):

<script src="myscript.js">

JavaScript を使用して HTML 要素にアクセスする

HTML の形式が不適切であると、JavaScript 実行エラーが発生する可能性があります。

次の 2 つの JavaScript ステートメントは、異なる結(jié)果を出力します:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文網(wǎng)(php.cn)</title>
</head>
<body>
<p id="Demo">段落 1。</p>
<p id="demo">段落 2。</p>
<script>
// 只有段落 2 會被替換
document.getElementById("demo").innerHTML = "HELLO.";
</script>
</body>
</html>

プログラムを?qū)g行して試してください

ヒント: HTML と JavaScript には同じ命名規(guī)則を使用するようにしてください。

ファイル拡張子

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 経由でアクセスできます。

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

學(xué)び続ける

新しいファイル

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文網(wǎng)(php.cn)</title> </head> <body> <h1>我的 Web 頁面</h1> <p> 建議在運算符或者逗號后換行。 </p> <p id="demo"></p> <script> document.getElementById("demo").innerHTML = "Hello php."; </script> </body> </html>

提出するリセットコード

自動運転