ESモジュール とは？

JavaScriptのコードを部品に分けるための標準の仕組みだよ。あるモジュールでexportした関数や変数を、別のモジュールからimportして使えるんだ。

静的な宣言はモジュールのトップレベル、つまり関数やif文の中ではない場所に書くよ。ファイルの最初の行だけに限られるわけではない。必要になってから読み込むimport()は別の構文で、結果をPromiseとして受け取るんだ。

どちらも対応しているよ。ブラウザではscriptにtype="module"を指定するなどして使い、配信するJavaScriptのMIME型や別オリジンへのアクセス条件にも注意する。言語の仕組みが共通でも、利用できる環境固有のAPIは異なるんだ。

.mjsやpackage.jsonのtype="module"で明示できるよ。Node.js 24では、指定のない一部の.jsも構文から判定される。ただし版や設定によるため、プロジェクトで形式を明示すると意図が伝わりやすいね。CommonJSもNode.jsで使われる別のモジュール形式だよ。

名前を指定するimportは、使う公開名を選ぶものだよ。それだけでファイルの一部だけを取得する保証はない。バンドラーが静的な構造を調べ、未使用のコードを取り除く最適化を行える場合があるんだ。