ES6的模块化

1.ES6 模块化
在引入 js 文件的时候 加上 type="module"
加上 type="module" 此时每一个 js 文件都是一个独立的作用域

1.  导出方式一：
    导出：export{自定义名：导出的属性名}
    // 导入 export {} 定义的变量
    导入：import{这里写你要导入的属性名} from "导出的文件名"

2.  导出方式二：
    导出：export var 属性名 = 值;
    // 导入 export 定义的变量
    导入：import{属性名} from "导出的文件名"

3.  导出函数/类：
    导出：export function 函数名
    导入：import{函数名} from "导出的文件名"

4.  export default 在同一模块中只能使用一次
    导出：export default 属性名
    // 导入不需要加花括号
    导入：import 自定义属性名 from "导出的文件名"

5.  统一全部导入
    // 这里的 _ 是通配符 as 是所有的意思 如果要使用通过自定义名.xx 的方法使用
    import _ as 自定义名 from "导出的文件名"