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

Question

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

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

我的解释是：

1. importdefault从_"./chooser"
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以 name 导出默认值Chooser。现在，在导入时：

import { Chooser } from "./chooser";

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