ES6模块概念：  

       在ES6中新增加了模块化，主要目的就是解决在编译时的模块之间的依赖关系，主要方法就是导出（export） @与导入（import）两个模块。

特点：

 在使用模块化的时候 它会自动开启严格模式，并且可以导出或者导入任何类型的变量不受限制，在加载方面 导入的模块只需要进行一次加载，重复使用的时候，会在内存中进行读取，

 最大的好处就是每一个文件都是一个单独的模块，使用时需要去进行移入 而且不会造成全局污染的现象。

export使用方式：

我们在index.js中创建三个类型的变量 通过export通过变量名进行导出

@import使用方式：

然后在app.js中使用import进行引入 使用相同的变量名 顺序 然后from 写入引用文件的地址 最后进行输出查看 是否有效

创建一个html界面将导入的app.js引入 这个时候是在进行模块化 所以要给script添加上type=module

预览：

as的用法：

export 命令导出的接口名称，须和模块内部的变量有一一对应关系，导入的变量名，须和导出的接口名称相同，即顺序可以不一致。

导入：

导出：

预览：

使用 as 重新定义导出的接口名称，隐藏模块内部的变量

index.js导出name

text.js导出name

在appjs中引入俩个name 不同模块导出接口名称命名重复， 使用 as 重新定义变量名。

import的特点：

只读属性：不允许在加载模块的脚本里面，改写接口的引用指向，即可以改写 import 变量类型为对象的属性值，不能改写 import 变量类型为基本类型的值。

错误：

正确：

单例模式：多次重复执行同一句 import 语句，那么只会执行一次，而不会执行多次。import 同一模块，声明不同接口引用，会声明对应变量，但只执行一次 import 。

静态执行特性：import 是静态执行，所以不能使用表达式和变量。

export defauit命令：

1. 在一个文件或模块中，export、import 可以有多个，export default 仅有一个。

2. export default 中的 default 是对应的导出接口变量。通过 export 方式导出，在导入时要加{ }，export default 则不需要。

3. export default 向外暴露的成员，可以使用任意变量来接收。

导出：

引入：

重复导出报错：