1. 程式人生 > >export default / export const

export default / export const

export default 是預設匯出
export const 是命名匯出

參考:Javascript (ES6), export const vs export default(基本上就是翻譯這篇)

Default Export (export default)

每個檔案都可以有一個預設匯出 export default,匯入此類檔案時需要指定一個任何你喜歡的名稱。例如:

import MyDefaultExport from "./MyFileWithADefaultExport";

Named Export (export)

每個檔案可以有多個命名匯出 export const

,然後將你要匯入的名稱用花括號包住。例如:

// 匯入多個匯出
import { MyClass, MyOtherClass } from "./MyClass";
// 使用 as 重新命名匯出
import { MyClass2 as MyClass2Alias } from "./MyClass2";
// 匯入所有
import * as MyClasses from "./MyClass";

注意

預設匯出實際上就是一個名字為 default 的命名匯出,所以也可以像這樣匯入:

import { default as MyDefaultExport } from "./MyFileWithADefaultExport";

以上。