前端學習筆記系列一：1.export default / export const

export default 是默認導出

export const 是命名導出

參考：Javascript (ES6), export const vs export default（基本上就是翻譯這篇https://stackoverflow.com/questions/33611812/export-const-vs-export-default-in-es6）

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";