import.meta オブジェクトはコンテキスト固有のメタデータを JavaScript のモジュールに公開するメタプロパティです。これは、モジュールの URL のようなモジュールについての情報を含みます。
構文
import.meta
説明
import.meta オブジェクトは、"import" キーワードとドット、プロパティ名の "meta" で構成されています。通常、"import." はプロパティアクセスのコンテキストとして機能しますが、ここでは "import." は実際のオブジェクトではありません。
import.meta オブジェクトは ECMAScript 実装によって生成され、prototype は null です。オブジェクトは拡張でき、そのプロパティは書き込み、構成、列挙可能です。
例
my-module.mjs モジュールを指定します。
<script type="module" src="my-module.mjs"></script>
import.meta オブジェクトを使用してモジュールのメタ情報にアクセスできます。
console.log(import.meta); // { url: "file:///home/user/my-module.mjs" }
モジュールのベース URL を示す url プロパティを持つオブジェクトを返します。これは、外部スクリプトの場合はスクリプトを取得した URL、インラインスクリプトの場合はそれを含むドキュメントのベース URL です。
仕様
| 仕様 | ステータス | コメント |
|---|---|---|
| tc39/proposal-import-meta | ステージ 3 | 初期定義。 |
| HTML Standard | Living Standard | HTML 内での import.meta プロパティを定義。 |
ブラウザー実装状況
このページのブラウザ互換性の表は構造化されたデータから生成されたものです。情報の追記、修正などご協力していただける方はhttps://github.com/mdn/browser-compat-dataをご確認の上プルリクエストを送信してください。
Update compatibility data on GitHub
| デスクトップ | モバイル | サーバー | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
import.meta | Chrome 完全対応 64 | Edge ? | Firefox 完全対応 62 | IE 未対応 なし | Opera 完全対応 51 | Safari 完全対応 11.1 | WebView Android 完全対応 64 | Chrome Android 完全対応 64 | Firefox Android 完全対応 62 | Opera Android 完全対応 47 | Safari iOS 完全対応 12 | Samsung Internet Android 未対応 なし | nodejs ? |
凡例
- 完全対応
- 完全対応
- 未対応
- 未対応
- 実装状況不明
- 実装状況不明