Mickey's Blog ·

ES6 module -import

用export定义了对外接口以后就可以使用import引入对外的接口。

image.png

同时import之接口还可以另起别名

image.png

引入的文件可以是文件路径也可以是模块名,.js可以省略,但是如果是模块名必须用配置文件指定模块位置。另外需要注意的是import具有提升效果,即使不写到头部也会在头部生效。

image.png

import是在代码编译阶段执行,早于代码运行时间。之前我们提到是用来做编译阶段的静态优化,所以也就不能把import放到表达式和变量等一些运行时才能得出结果的语法结构里。

image.png

import引入可以不指定具体接口全部引入,同时每个模块只会被引入一次

image.png