[JS]export VS export default

1966 ワード

exportはnamed exportdefault exportの2種類あります

named

named exportは、通常の出口と同じである.
複数の値のエクスポートに使用
let a =1;
let b =2;
export a;
export b;
named exportは、1つのファイルで複数回使用できます.
importが注意しなければならないのはexportと동일한 이름を使用することです.
上記でエクスポートした名前はa,bであるため、インポート時にもa,bを使用する必要があります.

default

default exportデフォルトエクスポート指定値named exportとの最大の違いは、導入時に어떠한 이름を導入してもよいことである
また、deafult exportは1ファイルに1回しか使用できません.
変数kをエクスポートしてインポートする例.
// test.js
let k=12;
export default k;
// index.js
import m from './test'; 

console.log(m);         // 12
kはdefault exportなので、kの代わりにmを使っても構わない