令人困惑的 es6 import -> export 语句

Question

这是有效的 javascript 吗？它没有错误，并且似乎可以工作。

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

我的解释是：

1. import 来自"./chooser" 的default
2. export #1 的结果 as Chooser

这是怎么回事？

Answer 1

这是有效的 JavaScript 吗？

是的。

这是怎么回事？

是的。

Answer 2

你的解释是正确的。

importdefault 来自"./chooser"

这是正确的。默认导出的是Chooser，在导入时，您必须使用as ...给它的名称：

import { Chooser } from "./chooser";

export #1 的结果为Chooser

这也是正确的。名称Chooser 正在为默认设置一个新名称并将其导出。

---

让我分解一下：

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

它的作用是指定导出它的文件，default as Chooser 以名称 Chooser 导出默认值。现在，在导入时：

import { Chooser } from "./chooser";

您必须指定Chooser 才能导入，因为您实际上已命名为默认值。