JavaScriptコードの仕様2024 年の最新の入門チュートリアル。このコースでは JavaScriptコードの仕様,変数名,スペースとオペレータ,コードのインデント,ステートメントルール,オブジェクトルール,コードの各行で80文字未満,命名規則,HTMLのロード外部JavaScriptファイル,HTML要素にアクセスするにはJavaScriptを使用します,ファイル名の拡張子,小文字のファイル名, について学習できます。

JavaScriptコードの仕様

すべてのJavaScriptのプロジェクトは、同じ仕様が適用されます。


JavaScriptコードの仕様

コードの仕様は、一般的に次の側面が含まれています。

  • 変数と関数の命名
  • スペース、インデント、コメント、使用ルール。
  • その他の一般的な仕様jajaja

標準化されたコードの読み取りと保守が容易になります。

前者の開発における一般規定のコードは、あなたのチームメンバーと設定を交渉することができます。


変数名

名前の変数名に推奨される方法キャメル(キャメルケース):

firstNameの = "ジョン"。
lastNameの = "ドウ";

価格 = 19.90;
税金 = 0.20;

fullPrice =代金+(価格*税)。

スペースとオペレータ

典型的には、演算子(= + - * /)は、前後にスペースを追加します。

例:

VARのx = Y + Z;
VAR値= [ "ボルボ"、 "サーブ"、 "フィアット"];

コードのインデント

シンボルは、通常、コードのブロックをインデントするために4つのスペースを使用します。

機能:

機能toCelsius(華氏){
リターン(5/9)*(華氏- 32)。
}
ノート 別の編集者のTABキーが同じ決意ではないとして、インデントするためにTabキーを使用することをお勧めしません。

ステートメントルール

一般的なルールの簡単な文:

  • 通常、文の終了記号として。

例:

VAR値= [ "ボルボ"、 "サーブ"、 "フィアット"];

するvar人= {
firstNameの"ジョン"、
lastNameの:「ドウ」、
年齢:50、
eyeColor: "青"
};

複雑な文の一般規則:

  • 最初の行の左端のブレース。
  • 中括弧の前にスペースを追加します。
  • 独立した行にブレース。
  • セミコロン複雑な文で終了しないでください。

機能:

機能toCelsius(華氏){
リターン(5/9)*(華氏- 32)。
}

サイクル:

以下のための(ⅰ= 0; iは< 5; iは++){
X + =私;
}

条件文:

場合 (時間<20){
挨拶 =「良い一日"。
}エルス{
挨拶 = "こんばんは";
}

オブジェクトルール

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

  • クラス名と同じ行に左中括弧。
  • コロンと属性値の間にスペースがあります。
  • 二重引用符文字列を使用し、数字はしないでください。
  • 最後の属性 - 背面の値がカンマを追加しないでください。
  • 独立した行にブレース、およびエンド記号などの記号。

例:

するvar人= {
firstNameの"ジョン"、
lastNameの:「ドウ」、
年齢:50、
eyeColor: "青"
};

短いオブジェクトコードは、行に直接書き込むことができます。

例:

するvar人= {firstNameの"ジョン "、lastNameの:「ドウ」、年齢:50、eyeColor: "青"};

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

読みやすくするために行80あたりの文字数よりも少ないことをお勧めします。

JavaScriptステートメントが80以上の文字である場合は、コンマ演算子またはラップの後に推奨されます。

例:

document.getElementById( "デモ").innerHTML =
「こんにちはw3big。 ";

»をお試しください

命名規則

通常、コード言語の命名規則の多くは、例えば、類似しています。

  • ハンプ法(キャメルケース)用の変数と関数
  • 大文字のグローバル変数(大文字)
  • (例えばPIなど)定数大文字(大文字)

あなたはルールのこれらのタイプを使用する変数名:HYP-雌鳥、キャメルケース、またはunder_scores?

HTMLとCSSのダッシュ( - )文字:

接頭辞として:HTML5の属性が(データ量、データ・価格など)データーがあります。

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

ノート - 一般的にJavaScriptで減算と考えられ、それが許可されていません。

下線:

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

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

パスカルのスペル(PascalCase):

複数のC言語でパスカルスペル(PascalCase)。

ハンプ法則:

JavaScriptは通常、こぶの方法をお勧めします、jQueryと他のJavaScriptライブラリは、ラクダの法則を使用しています。

ノート 変数名は、JavaScriptライブラリの多くの$マークの競合で始まっていません。

HTMLのロード外部JavaScriptファイル

(type属性は必要ありません)JavaScriptファイルをロードするために、単純な形式を使用します。

<スクリプト SRC = "myscript.js">

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

悪いHTML形式ではJavaScriptエラーの実行を引き起こす可能性があります。

出力異なる結果に以下の2つのJavaScriptの文:

VAR OBJ = getElementByIdを( "デモ"

VAR OBJ = getElementByIdを( "デモ"

»をお試しください

HTMLとJavaScriptは、同じ命名規則を使用してみてください。

アクセスHTML(5)コードの仕様


ファイル名の拡張子

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

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

JavaScriptのファイル接尾辞の.jsを。


小文字のファイル名

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

大文字と小文字を区別しません他のWebサーバー(マイクロソフト、IIS):london.jpgはLondon.jpgまたはlondon.jpg介してアクセスすることができます。

あなたは、私たちは一貫して使用小文字のファイル名をお勧めします、統一されたスタイルを維持しなければなりません。

JavaScriptコードの仕様
10/30