ES6新特性——模块化

模块化

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

　　模块化的优势：

　　　　1）防止命名冲突

　　　　2）代码复用

　　　　3）高维护性

模块化语法

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

　　export 命令用于规定模块的对外接口。

　　　　第一种暴露方式

<script>
    export let school = "";
    export function teach(){
        console.log("我们可以改变你");
    }
</script>

　　　　第二种暴露方式

<script>
    let school = "xxx";
    function findJob(){
        console.log("我们可以帮你找工作");
    }
    
    export {school,findJob};
</script>

　　　　第三种暴露方式

<script>
    //默认暴露
    export default{
        let school = "xxx";
        function findJob(){
            console.log("我们可以帮你找工作");
        }
    }
</script>

　　import 命令用于输入其他模块提供的功能。

　　　　第一种引入方式

<script>
    import * as m1 from "../xxx.js";
</script>

　　　　第二种引入方式

<script>
    //解构赋值形式的引入
    import {school as xxx, teach} from "./xxx.js";        // 可以起别名
    import {default as m3} from "./xxx.js";                // 引入默认暴露的属性 必须起别名
</script>

　　　　第三种引入方式（引入默认暴露的属性）

<script>
    import m3 from "./xxx.js";        // import 后直接加变量名
</script>