モジュールを使用してコードを整理する
モジュールを使用すると、コードを整理して分類することができ、関連するコードをまとめてグループ化することができます。 また、コードがモジュール内にある場合は、グローバル スコープからモジュールのスコープにプルされます。 これは、グローバル名前空間のコンポーネント間での名前の競合を回避するのに役立つ場合があります。
ヒント
モジュールは ES6 以降の JavaScript の機能であるため、TypeScript でもサポートされています。 ES6 より前の以前のバージョンの TypeScript では、モジュールは "外部モジュール" と呼ばれていました。
export
キーワードを追加して、任意の宣言 (変数、関数、クラス、型のエイリアス、インターフェイスなど) をエクスポートすることも、import
キーワードを使用してインポートすることもできます。 最上位レベルの import
または export
ステートメントを含むすべてのファイルは、モジュールと見なされます。
export
ステートメントでは、あるモジュール内のコンポーネントが他のモジュールで明示的に使用できるようにします。一方、import
ステートメントでは、別のモジュールからそのコンポーネントを使用できるようにします。 モジュールは宣言型であり、ファイル レベルのimport
および export
ステートメントによってこれらの間の関係が表されます。