ES6学习手册（14）

Posted 2021-05-14 designbyly

模块化

是指将一个大的程序文件，拆分成许多小的文件，然后将小文件组合起来

优势

1. 防止命名冲突
2. 代码复用
3. 高维护性

模块化规范产品

ES6之前的模块化规范

• CommonJS------NodeJS，Browserify
• AMD------requireJS
• CMD-----seaJS

Es6模块化语法

模块功能主要由两个命令构成：export和import

• export：用于规定模块的对外接口
• import：用于输入其他模块提供的功能

<script type="module">
import * as 变量名 from "文件地址"
</script>

ES5~ES6模块暴露数据语法汇总

1. 分别暴露

   每个语句加export
   

2. 统一暴露

   export{暴露数据}
   

3. 默认暴露

   export default{任意数据}
   

ES5~ES6引入模块数据语法汇总

1. 通用导入方式

   import * as 变量名 from "文件地址"
   

2. 解构赋值形式

   import {暴露数据}from "文件地址"
   

3. 默认暴露

4. 简便形式，只针对默认暴露

   import {default as 变量名}from "文件地址"
   import 变量名 from ”文件地址“
   

每日一句
你一天的爱心可能带来别人一生的感谢。