导出:export关键字
export var color = "red";
重命名导出
在模块中使用as用导出名称表示本地名称。
import { add } from "./05-module-out.js";
导入: import关键字
导入单个绑定
import { sum } from "./05-module-out.js";
浏览器使用模块
使用<script>元素以及src属性来指定代码加载的位置,以便加载 JS代码文件。
<script type="module" src="./05-module-js/05-module-in.js"></script>
使用<script>元素但不使用src属性,来嵌入内联的JS代码。
<script type="module">
import {sum} from "./module.js";
let result=sum(1,2);
console.log(result);
</script>
浏览器要求模块说明符必须为下列格式之一:
- 以 / 为起始,表示从根目录开始解析
- 以 ./ 为起始,表示从当前目录开始解析
- 以 ../ 为起始,表示从父级目录开始解析
- URL 格式
导入多个绑定
import { sum, name, point } from "./05-module-out.js";
完全导入一个模块
将整个模块当作单一对象进行导入,该模块的所有导出都会作为该对象的属性。
import * from "./05-module-out.js";