混淆es6导入 – >导出语句

这是有效的JavaScript？ 它没有错误，似乎工作。

export {default as Chooser} from "./chooser"; 

我的解释是：

1. 从"./chooser" import default
2. 从＃1 export结果as Chooser

这是怎么回事？

Answer 1

这是有效的JavaScript？

是。

这是怎么回事？

是。

Answer 2

你的解释是正确的。

从"./chooser" import default

这是对的。 被导出的默认东西是Chooser并且在导入时，您必须使用给定的名称as ... ：

 import { Chooser } from "./chooser"; 

从＃1 export结果作为selectChooser

这也是正确的。 名字selectChooser给默认一个新的名字并且输出它。

---

让我把它打破：

 export { default as Chooser } from "./chooser"; 

它所做的是指定从中导出的文件， default as Chooser情况下， Chooser在名称Chooser下导出默认值。 现在，在import：

 import { Chooser } from "./chooser"; 

您必须指定Chooser才能导入，因为您基本上已将其命名为默认值。