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のキーワードは、実行されるアクションを定義するために使用されます。
let や const というキーワードは、変数を作成するために使用します。
コード例
let x = 5;
const fname = "John";JavaScriptのキーワードは、大文字と小文字を厳密に区別(ケースセンシティブ)します。
JavaScriptにおいて、LET や Let は、キーワードである 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 * 108. JavaScriptの式 (Expressions)
式(エクスプレッション)とは、値、変数、演算子の組み合わせであり、計算によって一つの値を導き出します。
例:(5 + 6) * 10 は 110 として評価されます。
(5 + 6) * 10式には変数を含めることもできます。
x * 10"John" + " " + "Doe" は "John Doe" として評価されます。
"John" + " " + "Doe"9. 大文字・小文字の区別 (Case Sensitive)
JavaScriptの識別子は大文字と小文字を区別します。
変数 lastName と lastname は、異なる変数として扱われます。
コード例
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のプログラマーは、一般的にローワーキャメルケースを使用する傾向があります。