ES6中的“出口区”与“出口违约”

Question

ES6中的“出口区”与“出口违约”我正在试图确定这两者之间是否有任何重大差异，除了能够用export default只需做：import myItem from 'myItem';和使用export const我能做到：import { myItem } from 'myItem';我想知道，除了这一点之外，还有什么不同之处和/或用例。

Answer 1

这是一个命名的导出与默认的导出。export const导出Const声明或声明的命名导出。

要强调的是：这里最重要的是export关键字ASconst用于声明一个或多个Const声明。export也可以应用于其他声明，如类或函数声明。

违约出口(export default)

每个文件可以有一个默认导出。当您导入时，您必须指定一个名称并进行如下的导入：

import MyDefaultExport from "./MyFileWithADefaultExport";

你可以给它起任何你喜欢的名字。

名为EXPORT(export)

使用命名导出，每个文件可以有多个命名导出。然后导入要用大括号包围的特定导出：

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

名称空间导入

还可以从对象上的文件导入所有内容：

import * as MyClasses from "./MyClass";// use MyClasses.MyClass, MyClasses.MyOtherClass and MyClasses.default here

注记

• 语法更倾向于默认导出，因为它们的用例更常见(

  见这里的讨论).

• 默认导出实际上是名为default因此，您可以使用命名的import导入它：

  import { default as MyDefaultExport } from "./MyFileWithADefaultExport";