我正在try 确定这两者之间是否有任何大的区别,除了能够通过以下方式导入export default
个:
import myItem from 'myItem';
用export const
我可以做到:
import { myItem } from 'myItem';
除此之外,是否存在任何差异和/或用例?
我正在try 确定这两者之间是否有任何大的区别,除了能够通过以下方式导入export default
个:
import myItem from 'myItem';
用export const
我可以做到:
import { myItem } from 'myItem';
除此之外,是否存在任何差异和/或用例?
这是一个命名导出与默认导出.export const
是导出一个或多个常量声明的命名导出.
要强调的是:这里重要的是export
关键字,因为const
用于声明一个或多个常量声明.export
还可以应用于其他声明,例如类或函数声明.
Default Export (100)
每个文件可以有一个默认导出.导入时,必须指定名称并导入,如下所示:
import MyDefaultExport from "./MyFileWithADefaultExport";
你可以给它起任何你喜欢的名字.
Named Export (100)
使用命名导出,每个文件可以有多个命名导出.然后导入要用大括号括起来的特定导出:
// ex. importing multiple exports:
import { MyClass, MyOtherClass } from "./MyClass";
// ex. giving a named import a different name by using "as":
import { MyClass2 as MyClass2Alias } from "./MyClass2";
// use MyClass, MyOtherClass, and MyClass2Alias here
或者,也可以在同一语句中使用缺省值和命名导入:
import MyDefaultExport, { MyClass, MyOtherClass} from "./MyClass";
Namespace Import
还可以从对象上的文件导入所有内容:
import * as MyClasses from "./MyClass";
// use MyClasses.MyClass, MyClasses.MyOtherClass and MyClasses.default here
Notes
默认导出实际上是名为default
的命名导出,因此您可以使用命名导入进行导入:
import { default as MyDefaultExport } from "./MyFileWithADefaultExport";