IT用語: クロージャ（Closure）とは｜関数が変数を「覚える」仕組み

クロージャとは

クロージャは、「関数が定義された時点の外側のスコープ（変数環境）を記憶し、後からでもその変数にアクセスできる」という性質を持つ関数です。JavaScriptをはじめ多くの言語でサポートされており、状態の隠蔽やファクトリ関数などに活用されます。

シンプルな例：カウンター

function makeCounter() {
  let count = 0;  // 外側の変数
  return function() {
    count++;       // 内側の関数がcountを「覚えている」
    return count;
  };
}

const counter = makeCounter();
counter(); // → 1
counter(); // → 2

count は外から直接変更できません。これがカプセル化（情報隠蔽）の効果です。

なぜ重要なのか？

ReactのuseStateフックやイベントハンドラーなど、現代のフロントエンド開発はクロージャを多用しています。「なぜこの変数が古い値を持っているのか？」というバグの多くはクロージャの仕組みを理解していないことが原因です。