【JavaScript ECMAScript】import.meta言語機能の使い方
import.meta言語機能の使い方について、初心者にもわかりやすく解説します。
作成日: 更新日:
基本的な使い方
import.metaオブジェクトは、現在のJavaScriptモジュールに関するメタデータ（追加情報）を保持するオブジェクトです。これはECMAScript Modules (ESモジュール) の内部でのみ利用でき、そのモジュールに関する情報を取得できます。主に、import.meta.urlプロパティを通じて、現在のモジュールがどこから読み込まれたかを示すURLを提供します。
この機能は、現在のモジュールのパスを基準として関連するリソースのパスを動的に解決したり、実行環境（例えば、ブラウザかNode.jsか、Web Worker内かなど）に応じた処理を分岐させたりする際に役立ちます。これにより、モジュールが配置されている具体的な場所や実行環境に依存しない、柔軟なコードを作成することが可能です。
ただし、import.metaは、一般的なスクリプトファイルやCommonJSモジュール（Node.jsなどでrequire関数を用いて読み込まれるモジュール）では利用できません。これはESモジュールに特化した機能のため、利用する際はモジュールがESモジュールとして扱われていることを確認する必要があります。将来的には、このオブジェクトにさらに多くのメタ情報が追加される可能性があります。
公式リファレンス: import.meta
構文(syntax)
1console.log(import.meta.url);
引数(parameters)
引数なし
引数はありません
戻り値(return)
戻り値なし
戻り値はありません