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";

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

6

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

可以使用export1alias2访问模块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的全局代码,不导入任何内容。

    原文作者:Zack
    原文地址: https://segmentfault.com/a/1190000014644509
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞