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

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

許容される文字

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

規則

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

例

有効な変数名:

• myVariable
• variable_1
• $dollarSign
• _underscore

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

注意点

• 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 (商品の価格)

予約語の回避

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

命名規則の統一

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

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

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

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