JavaScript 中的 export

Zack發表於2019-02-16

參考資料:https://developer.mozilla.org…

1

export { name1, name2, …, nameN };

集中匯出。name1name2nameN 可以是變數、函式或者類(合稱為“內容”,下同)。

2

export { variable1 as name1, variable2 as name2, …, nameN };

集中匯出。variable1是內容name1的別名,外界可以通過別名訪問到內容。其他以此類推。

3

export let name1, name2, …, nameN; // also var
export let name1 = …, name2 = …, …, nameN; // also var, const
export function FunctionName(){...}
export class ClassName {...}

定義內容的同時匯出。

4

export default expression;
export default function (…) { … } // also class, function*
export default function name1(…) { … } // also class, function*
export { name1 as default, … };

預設匯出。預設匯出是可選的,但是如果有則必須唯一

這裡給出了預設匯出的兩種方法:集中匯出(1、2、3)和定義時匯出(4)。

5

export * from …;
export { name1, name2, …, nameN } from …;
export { import1 as name1, import2 as name2, …, nameN } from …;
export { default } from …;

直接將匯入的模組匯出,這裡不做詳細說明。

相關文章