JavaScript 速習チュートリアル

JavaScript のコードブロック

Volardev 編集部 April 17, 2026

1. 波括弧（Curly Braces）

コードブロック（Code block）またはブロックステートメント（Block statement）とは、波括弧 { } で囲まれた一連のステートメント（命令文）のグループを指します。

コードブロックは、プログラムの実行フローを制御し、JavaScriptプログラム内での変数のスコープ（Scope）を定義するために非常に重要な役割を果たします。

コードブロックを使用することで、複数のステートメントを単一のユニット（単位）として扱うことが可能になります。

JavaScriptの関数（Function）の本体は、常にコードブロックで囲まれます。

function myFunction() {
  // これはコードブロックです
}

また、コードブロックは if 文においても不可欠です。

if (condition) {
  // これはコードブロックです
} else {
  // これはコードブロックです
}

さらに、ループ（Loop）文においてもコードブロックは欠かせません。

for (expression 1; expression 2; expression 3) {
  // これはコードブロックです
}

while (condition) {
  // これはコードブロックです
}

コードブロック内で let や const を使用して宣言された変数は「ブロックスコープ（Block-scoped）」となります。これは、その変数が宣言された特定のブロック内からのみアクセス可能であることを意味します。

これにより、意図しない変数の上書きを防ぎ、より整理されたコード構造を実現できます。

{
  let x = 10;
  // ここでは x にアクセスできます
}

// ここでは x にアクセスできません

コードブロックは、if 文や関数、ループに付随することなく、独立して存在することも可能です。これをスタンドアロンブロックと呼びます。
主に let や const 変数のための新しいスコープを作成するために利用されます。

{
  let x = 10;
  let y = 100;
  let area = x * y;
}

上記の例は、スタンドアロンブロックを使用して変数のスコープを制限する方法を示しています。

コードブロックを活用したカプセル化には、開発上の大きなメリットがいくつかあります。

ブロック内の変数はそのブロック内でのみ有効です。これにより、グローバルスコープの「汚染（Polluting）」を防ぎ、コードをクリーンに保つとともに、変数名の衝突リスクを最小限に抑えられます。

計算のためだけに変数が必要な場合、ブロックを使用すれば「宣言・使用・破棄」のサイクルをその場で作ることができます。

関連する変数やステートメントを独自のスコープにグループ化することで、無理に関数やオブジェクトに切り出すことなく、コードの可読性を向上させ、ブロック外での変数名の不用意な再利用による競合を避けることができます。