JavaScript 的 "export"和"import"

抛出具名模块：

// people.js
export const people1 = {
  name: 'zhangsan',
  age: 30
}
// 也以可以先定义后export
const people2 = {
  name: 'lisi',
  age: 60
}
export people2
// 导出其他类型数据的格式亦然

抛出匿名模块：

// people_default.js
export default Object = {
  name: 'zhaowu',
  age: 24
}
// 导出其他类型数据的格式亦然

 

 

引入模块：

// main.js
// 引入具名模块
import { people1, people2} form './people.js';
console.log(people1.age);     // 30
console.log(people2.name);    // lisi
// 引入匿名模块
import people form './people_default.js';
console.log(people.age);      // 24
// 注意引入地址是相对地址

 

html文件内引入模块：

<script type="module">
  // 必须加上 type="module"
  // 测试环境：服务器
  // import ...
</script>