JavaScript 変数名のルール

JavaScript 変数名に使用できる文字について (Japanese Explanation)

JavaScript における変数名には、特定の文字を使用することができます。これらの文字は、変数の識別に用いられます。以下に、有効な文字について説明します。

許容される文字

• アンダースコア
  _
• ドル記号
  $
• 数字
  0 から 9
• 英文字 (大文字・小文字)
  A から Z、a から z

規則

• 予約語 (JavaScript で特別な意味を持つ単語) を変数名として使用することはできません。
• 最初の文字は、英文字またはアンダースコアでなければなりません。数字で始まることはできません。
• 変数名は必ずこれらの文字の組み合わせで構成されます。

例

有効な変数名:

• _underscore
• $dollarSign
• variable_1
• myVariable

• if (予約語)
• my-variable (ハイフンを使用)
• 123variable (数字で始まる)

注意点

• 変数名をわかりやすく、意味のあるものにすることが推奨されます。
• JavaScript は大文字と小文字を区別します。つまり、myVariable と MyVariable は異なる変数として扱われます。

• 最初の文字は、英文字またはアンダースコアでなければなりません。

let myVariable = 10;
let variable_1 = "Hello";
let $dollarSign = true;
let _underscore = 3.14;

let 123variable = "invalid"; // 数字で始まる
let my-variable = "invalid"; // ハイフンを使用
let if = "invalid"; // 予約語

注意事項

具体的な例

// 適切な変数名
let firstName = "John";
let lastName = "Doe";
let age = 30;

// 不適切な変数名
let 1stName = "John"; // 数字で始まる
let my-variable = "Doe"; // ハイフンを使用
let var = 30; // 予約語

カメルケース (Camel Case)

• 例: myVariable, firstName, lastName
• 複数の単語を連結する際に、最初の単語を除くすべての単語の最初の文字を大文字にする命名法です。

スネークケース (Snake Case)

• 複数の単語を連結する際に、単語間にアンダースコアを使用する命名法です。

ハンプケース (Hump Case)

意味のある名前の使用

• 例: customerAge (顧客の年齢)、productPrice (商品の価格)
• 変数名に意味のある単語を使用し、コードの可読性を高めます。

予約語の回避

• 例: if, else, for, while
• JavaScript の予約語 (特別な意味を持つ単語) を変数名として使用することは避けます。

命名規則の統一

• プロジェクト内で一貫した命名規則を採用し、コードの統一性を保ちます。

// カメルケース
let customerName = "John";
let productPrice = 19.99;

// スネークケース
let customer_name = "John";
let product_price = 19.99;

// ハンプケース
let CustomerName = "John";
let ProductPrice = 19.99;