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";
以上。