基本导入导出
模块的引入
注意:这一部分非模块化标准
目前,浏览器使用以下方式引入一个ES6模块文件
<script src="入口文件" type="module">
模块的基本导出和导入
ES6中的模块导入导出分为两种:
- 基本导入导出
- 默认导入导出
基本导出
类似于 exports.xxx = xxxx
基本导出可以有多个,每个必须有名称
基本导出的语法如下:
export 声明表达式
或
export {具名符号}
由于基本导出必须具有名称,所以要求导出内容必须跟上声明表达式或具名符号
基本导入
由于使用的是依赖预加载,因此,导入任何其他模块,导入代码必须放置到所有代码之前
对于基本导出,如果要进行导入,使用下面的代码
import {导入的符号列表} from "模块路径"
注意以下细节:
- 导入时,可以通过关键字
as
对导入的符号进行重命名 - 导入时使用的符号是常量,不可修改
- 可以使用*号导入所有的基本导出,形成一个对象