模块化说明与使用

模块化

模块化是一种开发模式，如果不使用模块化开发则会造成一下几种情况。

1. 代码杂乱无章，没有条理性。
2. 不便于维护，不便于复用。
3. 全局变量污染。
4. 不方便保护私有数据。

使用模块化开发首先要导入require文件

模块化思路
模块化思想

• 宏观角度: 用模块化开发，代替传统的开发。

• 传统开发；就是通过标签页面加载文件

• 模块化开发，就是确定主模块，主模块中加载其它模块。

• 模块与模块的关系是相互独立的，例如 ；一个三级模块 ；既可以在二级模块中加载；又可以在 一级模块中加载，也可以在四级模块中加载。

• 综上所述：模块彼此独立；哪里需要那个模块；就在哪里加载那个模块

• 微观角度：数据角度 解放前，变量 = 值 ；引入文件；使用用该变量

• 模块与模块之间传数据；通过；definne 中回调函数的形参来接收 ,

• 接收的是： 引入模块的返回值 并在本模块中使用这个返回值

模块化开发主要分为三部分，主模块，主入口文件，子模块

1.require（主模块）
在单独的一个页面中只能有一个主模块，其它的则为子模块

参数：
第一个参数是数组形式，传入其它子模块的文件名。
第二个参数是一个回调函数，小括号中的形参与前面的文件名相对应，可随意命名，后面大括号中为需要返回的值

require	([ ],function(){
        console.log('cart模块');
    })

2.require.config（路径配置）
paths用来配置文件，以对象的形式传参，可使用baseUrl方法是接下来注入模块省略对象前的一个参数

require.config({
        //baseUrl
        //paths
        
    })

3.define（子模块）
子模块为主模块的分支，子模块中的传参与主模块相同，使用子模块只需要在主模块中调用即可

define([ ],function(){
        console.log('cart模块');
    })