「es6でのexport defaultの意味は何ですか？」

2年 ago
桜, 春樹
1 minute

ES6では、export defaultはデフォルトの値やオブジェクトをエクスポートするために使用されます。JavaScriptモジュールには複数のエクスポートができますが、デフォルトエクスポートは1つしかできません。デフォルトエクスポートの値は、関数、オブジェクト、クラスなど、任意の型であることができます。

export defaultを使用すると、直接デフォルトのエクスポート値をエクスポート文で指定できます。例えば、

// module.js
export default function() {
  console.log("Hello, world!");
}

// main.js
import sayHello from './module';
sayHello(); // 输出 "Hello, world!"

例の中で、module.jsでexport defaultを使って無名の関数を出力し、main.jsでimport文を使ってsayHello変数に代入し、最後にsayHello関数を呼び出して”Hello, world!”を出力しました。

export defaultでエクスポートする際は、値を波括弧で囲まなくても良いのが分かります。また、importでインポートする際も、値を波括弧で囲まなくても良いです。これは、複数の値をエクスポートしてインポートする場合の構文とは異なります。

bannerAds