【JavaScript ECMAScript】import文の使い方

import関数は、他のJavaScriptモジュールからエクスポートされた機能（変数、関数、クラスなど）を、現在のモジュールに読み込んで利用可能にする処理を実行する関数です。この機能はECMAScriptモジュール（ESM）の重要な要素であり、JavaScriptアプリケーションのコードを複数のファイルに分割し、それぞれの機能を独立したモジュールとして管理することを可能にします。これにより、コードの再利用性が高まり、大規模なプロジェクトにおける保守性や可読性が向上します。

具体的には、importは指定されたモジュールファイルの内容を読み込み、そこでexportキーワードを使って公開された特定の機能や、defaultキーワードで指定されたデフォルトの機能を現在のモジュールスコープで利用できるようにします。例えば、import { specificFunction } from './myModule.js'; のように記述することで、myModule.jsというファイルからspecificFunctionという名前の関数だけを取り込むことができます。また、import defaultExport from './anotherModule.js'; のように記述すれば、デフォルトエクスポートを取り込むことが可能です。

import文は、通常、モジュールの最上位（トップレベル）で記述される静的な構文であり、JavaScriptの実行前に依存関係を解析するために利用されます。これにより、モジュール間の依存関係が明確になり、効率的なロードが実現されます。動的なimportも存在しますが、基本的には静的なimportがモジュール間の連携の基礎となります。システムエンジニアを目指す上で、効率的なコード管理と再利用を実現するために、このimport機能の理解は不可欠です。

Copy
1import { memberA, memberB } from './myModule.js';

引数なし

引数はありません

戻り値なし

戻り値はありません