理解 ES6 命名导入

Question

我正在阅读 MDN docs 上的 ES6 import 语句。

我大致了解它的工作原理，但想深入了解，我不了解语法的一个方面。

正如MDN syntax of import 中所述，这些都是将代码导入当前模块/范围的不同方式：

import defaultExport from "module-name";
import * as name from "module-name";
import { export } from "module-name";
import { export as alias } from "module-name";
import { export1 , export2 } from "module-name";
import { foo , bar } from "module-name/path/to/specific/un-exported/file";
import { export1 , export2 as alias2 , [...] } from "module-name";
import defaultExport, { export [ , [...] ] } from "module-name";
import defaultExport, * as name from "module-name";
import "module-name";
var promise = import("module-name");

---

我想了解的是这两行之间的区别：

import { export1 , export2 } from "module-name";
import { foo , bar } from "module-name/path/to/specific/un-exported/file";

这两个不是完全相同吗？我们没有导入默认的export，因此我们必须导入名为exports。

---

为什么它们是两个独立的语法定义？

为什么第二个有这个：

from "module-name/path/to/specific/un-exported/file";

Answer 1

import { export1 , export2 } from "module-name";
import { foo , bar } from "module-name/path/to/specific/un-exported/file";

为什么它们是两个不同的语法定义？

可能只是为了说明绝对模块名称也可以包含路径。

然后，"module-name" 将根据通常的模块解析规则进行解析，然后从该模块中包含的某个文件导入 foo 和 bar。

这样，您可以访问未从模块主文件导出的内容。

但是，许多模块作者认为只有从模块主文件导出才构成公共 API。其他所有内容，包括文件名和路径，都是一个实现细节，可能会随着每个版本以不可预测且不兼容的方式发生变化。