ES6のExportとImportについて

ES6のexportとimportについて把握しきれていないところがあったので調べてみました。

exportの使い方

export 文は、指定したファイル (またはモジュール) から関数、オブジェクト、プリミティブをエクスポートするために使用 引用元:MDN - Export

ここでいうエクスポートとは、何かを定義するという意味合いに近いかと思います。

エクスポートには2種類の方法があります。

名前付きエクスポート

fromを使ってエクスポートすることもできます。

デフォルトエクスポート

defaultとは、 「importする際に特に指定がなければそのクラスや関数を呼ぶ」というものです。 importする際にdefault以外のクラスや関数を呼び出したいときは、{}でクラスやファイル名を指定して呼び出してあげます。

importの使い方

import 文 は、外部モジュールや他のスクリプトなどからエクスポートされた関数、オブジェクト、プリミティブをインポートするために使用します。 引用元:MDN - Import

インポートにも2種類の方法があります。

### 名前指定のインポート

厳密にはスコープの話が関わってきますが、そちらについては参考サイトをご確認ください。

デフォルトのインポート

注意

デフォルト指定されたメンバーを名前指定でインポートするとエラーになります。

所感

モダンなjavascriptはまだまだキャッチアップしきれていない気がするので勉強しなくては・・(´・ω・`)

参考