温馨提示：文本由机器自动转译，部分词句存在误差，以视频为准
00:00
好，在我们写程序的时候呢，你会发现啊，我们的一个程序当中，如果功能比较复杂的话，我们可能会定义很多模块，对不对啊，然后在这个担保里面呢，一个一个导啊好，那这样的话呢，代码就显得比较乱，嗯，一般情况下呢，我们会把一些核心的功能呢，先都给它封装起来，封装起来之后呢，我们统一调用，那这个怎么做呢？比如说我在这Mo下面呢，我再建一个文件啊，比如说叫DEMO啊，现在我们要写程序了，企业级的程序有app.html好，然后呢，也写这样的一个HTM代码，然后接下来呢，我们再来创建一个什么呢？再创建一个文件啊，这个文件呢，我们比如说叫app.js好，这是我们的另外一个模块。啊，那它的作用是什么呢？它来引入M1M2和M3，所以呢，我们可以在这个地方a hot，我们说呢，M1嗯和M2呢，有两种方式，其中最简单的一种方式呢，就是这样对吧，SM1，然后from点杠M1.js对吧，就是啊引用了这个M1，那同样的我们用还是这个方式啊星SM2啊，然后from点杠m2.js对吧？啊这是到M1和M2，那么M3呢，我们说那是个默认模块，必须用默认模块对应的方式来倒，就直接没有星了，就直接M3FROM，嗯，然后呢，这面我们就写点杠M3.gs啊就可以了，所以这样的话呢，我们就导了三个模块出来，我们看看导没导进来啊，正常的话是可以导进来的。
01:46
嗯，我们打印一下M1，然后canl.log再打印一下二，接下来再canl.log你再打印一下M3，好，然后呢，我们，诶怎么运行啊，这怎么运行啊。
02:03
我们可以把这个APP引入到我们的DEMOAPP当中，就在这个地方呢，我们然后呢，这块是src啊，然后呢，这块我们写A。PP.js，注意后面这块写TT等于model model好，然后接下来呢，我们来运行这个文件来测试一下。好，大家看这个是第一个模块C对吧？Star啊，这是第二个模块star啊，这地是第三个模块age扣点，这样的话呢，每一个部分的内容我们都以独立模块的形式呢，把它导入到我们的应用程序当中，然后呢，在应用程序当中使用的时候呢，一般情况下我们会有一个叫做项目启动啊，或者是说叫项目这个初始化脚本，那这个项目初始化脚本呢，会把项目当中的所有的模块呢，都统一的用这种方式呢，给它导进来，导进来之后呢，我们再把这个项目数字化的脚本呢，引入到我们的啊整个的HTML页面当中啊，所以这块呢，是我们模块化开发的一些比较重要的内容，那当然在后面的项目当中呢，我们会充分的利用我们今天学习的所有的这些知识，包括模块化开发，包括X，包括XSCRIPT6都是非常重要的内容啊，所以这个后面大家一定要好好去看一看，课后好好写一写，好那今天我们就说到这。
我来说两句