JavaScript 中的 import

参考资料：https://developer.mozilla.org...

1

import defaultExport from "module-name";

模块module-name必须使用export default声明一个变量、函数或者类（合称为“内容”，下同）。

可以使用defaultExport直接访问模块module-name中以export default声明的内容。

请注意，在模块module-name中：

• 使用export default声明的模块不必命名。
• 只使用export声明的模块必须命名，否则无法访问！

2

import * as name from "module-name";

可以使用name作为命名空间，以name.somethingExport的方式，访问模块module-name中所有以export声明的内容。

3

import { export } from "module-name";

可以使用export访问模块module-name中以export声明的内容export。

4

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

可以使用alias访问模块module-name中以export声明的内容export。

5

import { export1 , export2 } from "module-name";

可以使用export1和export2访问模块module-name中以export声明的内容export1和内容export2。

6

import { export1 , export2 as alias2 , [...] } from "module-name";

可以使用export1和alias2访问模块module-name中以export声明的内容export1和内容export2。

这两种组合出现的数量不限。

7

import defaultExport, { export [ , [...] ] } from "module-name";

上述 #1 和 #6 的组合。

8

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

上述 #1 和 #2 的组合。

9

import "module-name";

执行模块module-name的全局代码，不导入任何内容。