JavaScript 速習チュートリアル

JavaScript の構文 (Syntax)

1. 構文のルール (Syntax Rules)

シンタックス(構文)とは、プログラムがどのように構築されるべきかを示すルールのことです。

コード例

// 変数(Variables)を宣言する方法:
let x = 5;
let y = 6;

// 値を計算(Compute)する方法:
let z = x + y;

// 私はコメントです。何もしません。

2. JavaScriptの値 (Values)

JavaScriptの構文では、2種類のタイプの大切な値を定義します:

  • リテラル (Literals):固定された値
  • 変数 (Variables):変化する可能性のある値(バリアブルな値)

3. JavaScriptのリテラル (Literals)

リテラル(固定値)に関する最も重要な構文ルールは以下の通りです。

数値 (Numbers) は、小数点の有無にかかわらず記述できます。

コード例

10.50

1001

文字列 (Strings) はテキストであり、ダブルクォーテーション(")またはシングルクォーテーション(')の中に記述します。

コード例

"John Doe"

'John Doe'

4. JavaScriptのキーワード (Keywords)

JavaScriptのキーワードは、実行されるアクションを定義するために使用されます。

letconst というキーワードは、変数を作成するために使用します。

コード例

let x = 5;

const fname = "John";

JavaScriptのキーワードは、大文字と小文字を厳密に区別(ケースセンシティブ)します。
JavaScriptにおいて、LETLet は、キーワードである let として解釈されません。

5. JavaScriptの変数 (Variables)

変数 (Variables) は、データ値を格納するためのコンテナです。
変数はユニークな名称で識別される必要があります。

コード例

// xを変数として定義
let x;

// xに値6を代入(アサイン)
x = 6;

6. JavaScriptの識別子 (Identifiers)

識別子 (Identifiers) とは、変数に与える「名前」のことです。
識別子のルールは以下の通りです。

  • 文字(英字)、アンダースコア(_)、またはドル記号($)で始まる必要があります。
  • 2文字目以降には数字を含めることができます。
  • 予約されたキーワード(let, const, if など)は使用できません。
  • 大文字と小文字を区別します。

7. JavaScriptの演算子 (Operators)

JavaScriptの代入演算子(アサインメント・オペレーター)である = は、変数に値を代入します。

コード例

let x = 5;
let y = 6;
let sum = x + y;

JavaScriptでは、値を計算するために算術演算子(アリスメティック・オペレーター)+ - * / )を使用します。

コード例

5 * 10

8. JavaScriptの式 (Expressions)

式(エクスプレッション)とは、値、変数、演算子の組み合わせであり、計算によって一つの値を導き出します。

例:(5 + 6) * 10110 として評価されます。

(5 + 6) * 10

式には変数を含めることもできます。

x * 10

"John" + " " + "Doe""John Doe" として評価されます。

"John" + " " + "Doe"

9. 大文字・小文字の区別 (Case Sensitive)

JavaScriptの識別子は大文字と小文字を区別します。
変数 lastNamelastname は、異なる変数として扱われます。

コード例

let lastName = "Doe";
let lastname = "Peterson";

10. JavaScriptとキャメルケース (Camel Case)

歴史的に、プログラマーは複数の単語を一つの変数名に結合するために、いくつかの方法を用いてきました。

  • ハイフン (Hyphens): first-name, last-name, master-card, inter-city ※ハイフンはJavaScriptでは許可されていません。これらは引き算(減算)のために予約されているからです。
  • アンダースコア (Underscore): first_name, last_name, master_card, inter_city
  • アッパーキャメルケース / パスカルケース (Upper Camel Case / Pascal Case): FirstName, LastName, MasterCard, InterCity
  • ローワーキャメルケース (Lower Camel Case): firstName, lastName, masterCard, interCity

JavaScriptのプログラマーは、一般的にローワーキャメルケースを使用する傾向があります。