【実務・中級編】 モジュールスコープとトップレベルの環境 – JavaScript実践ガイド

やあ。フロントエンドの最前線で戦っている諸君。今日は「JavaScriptのスコープ」という、一見基礎のようでいて、実は大規模開発の命運を分ける深淵なテーマについて話そうと思う。

多くのエンジニアが `var` を卒業し `const/let` を使いこなしている今、次に直面する壁が「モジュールスコープ」という概念だ。WebpackやViteでビルドして終わり、ではなく、ブラウザが裏側でどうやって隔離された世界を作っているのかを理解しているか？ ここを曖昧にすると、グローバル汚染という名の悪夢が待っている。

—

1. 「グローバル」という名の罠：スクリプトとモジュールの分岐点

まず、前提を整理しよう。JavaScriptには大きく分けて2つの実行モードがある。

• クラシックなスクリプト（`