変数宣言の深淵：なぜ我々は `const` に魂を捧げるのか
フロントエンドの最前線でコードを読み続けていると、そのプロジェクトの「成熟度」が変数宣言の書き方一つで手に取るようにわかります。`var` が散見されるコードベースは、まるで地雷原の上でタップダンスを踊っているような危うさを孕んでいます。
今日は、なぜ現代のJavaScriptアーキテクチャにおいて `const` が絶対的な正義であり、`let` が「必要悪」であり、`var` が「遺物」なのか。その真意を、ブラウザのエンジン挙動やメモリ管理の観点から解き明かしていきましょう。
—
1. `var` という名の技術的負債
多くの若手エンジニアは「`var` は古い」と教わりますが、その本質的な脅威を理解している人は意外に少ない。`var` の最大の問題は、スコープが「関数単位」であることです。
// 現場で遭遇した悲劇的なコード
function processData(items) {
for (var i = 0; i < items.length; i++) {
// 非同期処理が絡むと地獄が始まる
setTimeout(() => {
console.log(items[i]); // 全て undefined または最後の値が出力される
}, 100);
}
}
この挙動は、JavaScriptがイベントループで非同期タスクを処理する際、クロージャが「変数の参照」を保持しているために起こります。`var` はブロックスコープを持たないため、ループを抜けた後も同じメモリ領域を参照し続ける。`let` を使えば各ループごとに新しいスコープが生成され、メモリ上で変数が隔離されるため、この問題は魔法のように消滅します。
2. `const` とエンジンの最適化：イミュータビリティの力
「再代入できないこと」は単なるルールではありません。これは、ブラウザのJavaScriptエンジン（V8など）に対する強力なヒントになります。
変数を `const` で宣言するということは、「このメモリ位置は実行中に変更されない」とコンパイラに確約することです。これにより、エンジンは最適化の際に、その値をインライン展開したり、レジスタに保持し続けたりといった大胆な決断が下せます。
// パフォーマンスと安全性を両立する宣言
const CONFIG = {
API_ENDPOINT: ‘https://api.example.com’,
TIMEOUT: 5000
};
// Object.freezeを組み合わせれば、プロパティの書き換えも防げる
// これにより、非同期処理の競合や予期せぬ副作用を完全に遮断できる
Object.freeze(CONFIG);
不変性（Immutability）を担保することで、Reactの仮想DOMの差分検知や、State管理における `memo` の判定が圧倒的に高速になります。参照の不変性を保つことは、アプリケーションの「予測可能性」を高め、結果としてデバッグ工数を劇的に削減するのです。
3. なぜ `let` は「必要悪」なのか
もちろん、すべてを `const` にすることはできません。ループのカウンタや、アルゴリズムの途中で状態を変化させる必要があるケースでは `let` が必要です。
しかし、ここで重要なのは「最小権限の原則」です。
- `const`: デフォルト。何も考えずにこれを使う。
- `let`: 再代入が不可欠な場合のみ使用する。
- `var`: 存在を忘れる。
もし `let` を使わなければならない場面で、コードが長すぎて変数の追跡が困難になっているなら、それはその関数の責務が大きすぎる（Single Responsibility Principleに反している）サインです。関数を分割し、より小さく、純粋なスコープを作ることで、結局は `const` だけの世界に戻れるはずです。
4. 巻き上げ（Hoisting）とTDZ（一時的死域）の恩恵
`var` は宣言前にアクセスすると `undefined` になりますが、`let` や `const` は「一時的死域（Temporal Dead Zone）」という領域に置かれます。
// console.log(a); // ReferenceError: Cannot access ‘a’ before initialization
const a = 10;
このエラーは一見不便に思えるかもしれませんが、実は「バグを早期発見するためのガードレール」です。変数が初期化される前にアクセスしようとするような、論理的に破綻したコードを即座に止めてくれる。これは、大規模アプリケーションにおいて「未定義値によるランタイムエラー」を未然に防ぐための強力な武器です。
結論：コードは「意図」を語るべきだ
優れたコードは、書いた本人以外の人間（そして未来の自分）に「この変数は絶対に変わらない」「この値はここで更新される」という意図を明確に伝えます。
`const` を優先することは、単なるコーディング規約ではありません。それは、メモリを効率的に使い、非同期の複雑性を制御し、バグの温床を根絶するという、プロフェッショナルとしての「設計の意思」なのです。
明日からコードを書くとき、`let` と打つ指が止まったら、一度だけ立ち止まって考えてみてください。「本当に、これは再代入が必要なのだろうか？」と。その一瞬の迷いこそが、あなたのコードを一段上のレベルへと押し上げる鍵になるはずです。
コメント