问从MDN文档导入ES6语句

EN

给定此模块module-name

// module-name.js
export default function foo(){ console.log("foo");}
export function bar(){ console.log("bar");}
console.log("hello world");

考虑在node.js v9.11.1中使用node --experimental-modules some-importer.mjs命令进行测试的以下情况

导入default export

// import defaultExport from "module-name";
import fizzbuzz from "module-name";

因此，只有默认的导出可用：

• fizzbuzz (即foo)是可用的
• bar 不可用
• console.log(hello world)将被运行

使用*通配符导入所有导出

import * as name from "module-name";

所有导出都可用，但附加到一个标识为name的对象上。

• foo 不可用
• bar 不可用
• name.foo是不可用的(尽管你认为它会)
• name.bar是可用的
• console.log(hello world)将被运行

进口已确定的出口

// import { export } from "module-name";
import { bar } from "module-name"

只有已确定的出口：

• foo 不可用
• bar是可用的
• console.log(hello world)将被运行

将已识别的导出导入为别名

// import { export as alias } from "module-name";
import { bar as mybar } from "module-name";

只有标识的导出可用，只有作为(标识的别名)：

• foo 不可用
• bar 不可用
• mybar (即bar)是可用的
• console.log(hello world)将被运行

导入default export并使用*通配符

// import defaultExport, * as name from "module-name";
import fizzbuzz, * as name from "module-name";

模块中的默认项可以引用为defaultExport，所有其他导出项都附加到name

• fizzbuzz (即foo)是可用的
• bar 不可用
• name.bar是可用的
• console.log(hello world)将被运行

没有确定的实际进口

import "module-name";

模块已加载，但导入的模块中实际上没有可用的。这意味着该文件正在运行，但没有公开任何文件。

• foo 不可用
• bar 不可用
• console.log(hello world)将被运行

name和defaultExport有什么不同？

name是一个对象，它将所有导出的值作为导出的键/值保存，但默认导出除外，该导出将在defaultExport中。如果要从文件中导出以下内容：

export default function main() {}
export function helper1() {}
export function helper2() {}

然后可以导入main作为默认导入：

import main from "file";

不会引进帮手的。为此，您将使用* as

import * as helpers from "file";
helpers.helper1();

然后，如果我们导入，我们将如何附加变量到它？

它们被附加到与其导出的名称相同的位置，因此只能导入上述帮助程序中的一个：

import { helper1 } from "file";
helper1();

如果您想重命名该导入，因为它是错误的/冲突的，那么as语法就会出现：

import { helper1 as someOther } from "file";
someOther();