Module模块化

导出：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";