export default / export const
阿新 • • 發佈:2018-12-07
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";
以上。