JavaScriptで変数に名前を付ける方法とは？命名ルールをわかりやすく解説

変数とは何か？

変数は「名前の付いた入れ物（コンテナ）」と考えることができます。この入れ物の中にデータを格納しておけば、あとからコンテナの名前を指定するだけで、簡単にそのデータを参照・利用できるようになります。

JavaScriptで変数に名前を付ける際には、いくつか守るべきルールがあります。以下にそのポイントをまとめました。

JavaScriptにおける変数の命名ルール

1. 予約語は変数名として使えない

JavaScriptがあらかじめ定義している予約語（キーワード）は、変数名として使用できません。予約語の一覧については次のセクションで紹介します。たとえば、break や boolean をそのまま変数名にすることはできないため注意が必要です。

2. 変数名の先頭に数字は使えない

変数名は数字（0〜9）から始めてはいけません。必ず英字またはアンダースコア（_）で始める必要があります。

たとえば、123test は先頭が数字のため無効な変数名ですが、_123test のようにアンダースコアから始めれば有効な変数名になります。

3. 大文字と小文字は区別される

JavaScriptの変数名は大文字と小文字が厳密に区別されます。つまり、Name と name はまったく別の変数として扱われるため、意図しないバグを防ぐためにも命名時には十分注意しましょう。

変数宣言の具体例

以下は、var を使って変数を宣言する基本的な例です。

<script>
    var rank;
    var points;
</script>

このように、変数を使うことでプログラム内のデータに分かりやすい名前を付けられ、コードの可読性や保守性が大きく向上します。命名ルールを正しく理解し、読みやすい変数名を心がけましょう。