前端学习笔记系列一: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";

见贤思齐,见不贤而自省
原文地址:https://www.cnblogs.com/Sweepingmonk/p/10868303.html