参考资料:https://developer.mozilla.org/en-US/docs/web/javascript/reference/statements/import
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
的全局代码,不导入任何内容。
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。