JavaScriptにおけるスコープ

JavaScriptにおけるvar、let、constは、変数を宣言するためのキーワードですが、それぞれにはいくつかの重要な違いがあります。

var

• 関数スコープ: varで宣言された変数は、関数スコープ（またはグローバルスコープ）を持ちます。
• 巻き上げ（Hoisting）: varで宣言された変数は、コード内のどこで宣言されていても関数の先頭に巻き上げられます。
• 再宣言可能: 同じスコープ内で同じ名前の変数を再宣言できます。

function exampleVar() {
  console.log(a); // undefined
  var a = 5;
  console.log(a); // 5
}

let

• ブロックスコープ: letで宣言された変数は、ブロックスコープ（{}で囲まれた範囲）を持ちます。
• 巻き上げなし: letで宣言された変数は巻き上げられません。
• 再宣言不可: 同じスコープ内で同じ名前の変数を再宣言することはできません。

function exampleLet() {
  // console.log(b); // ReferenceError
  let b = 10;
  console.log(b); // 10
}

const

• ブロックスコープ: constもletと同様にブロックスコープを持ちます。
• 巻き上げなし: constで宣言された変数も巻き上げられません。
• 再宣言・再代入不可: constで宣言された変数は、再宣言や再代入ができません。
• 初期値必須: constで変数を宣言する際には、初期値が必須です。

function exampleConst() {
  // console.log(c); // ReferenceError
  const c = 15;
  console.log(c); // 15
  // c = 20; // TypeError
}

まとめ

• varは古いコードや特定のケースを除き、現代のJavaScript開発ではあまり推奨されません。
• letは再代入が必要な場合に使用します。
• constは再代入が不要な場合、つまり値が不変であるべき場合に使用します。

これらの違いを理解することで、変数のスコープや可変性に関するバグを防ぐことができます。