05-模块化

一、模块化的基本概念

    <!-- 1.什么是模块化
        模块化是指解决一个复杂问题时,自顶向下逐层把系统划分成若干模块的过程。对于整个系统来说,模块是可组合、分解和更换的单元
    -->
    <!-- 2.把代码进行模块化拆分的好处
        2.1提高了代码的复用性
        2.2提高代码的可维护性
        2.3可以实现按需加载
    -->
    <!-- 模块化规范的好处:大家都遵守同样的模块化规范写代码,降低了沟通的成本,极大方便了各个模块之间的相互调用,利人利己 -->

二、CommonJs规定

    <!-- CommonJS规定
    1.每个模块内部，module变量代表当前模块
    2.module变量是一个对象，它的exports属性(即module.exports)是对外的接口
    3.加载某个模块,其实是加载该模块的module.exports属性.require()方法用于加载该模块
  -->
    <script>
        var a = 10
        function test() {
            console.log(a);
            a = 12
            console.log(a);
        }
        test()
        console.log(a);
    </script>

三、Node.js中模块化的分类

    <!-- node.js模块分为三大类 -->
    <!-- 1.内置模块 比如fs、path、http等-->
    <!-- 2.自定义模块 用户创建的每个.js文件-->
    <!-- 3.第三方模块 第三方开发出来的模块 需要提前下载-->
    <!-- 模块作用域的好处 
        1.防止全局变量污染的好处
    -->
    <!-- require模块时 得到的永远是module.exports指向的对象 -->

四、node和ES6导出模区别

module.exports用于node模块块开发，导出某个模块，对应导入require(‘xxx模块’)

export default用于ES6中模块块开发，导出某个模块，对应导入import XXX from 'xxx模块’

五、template-web.js下载地址

template-web.js