35-尚硅谷-硅谷通用权限项目-前端基础知识-模块化开发（ES5写法）

各位同学大家好，下面呢，我们来演示前端的模块化开发，首先我们先写一种原生方式进行实现，咱们先建个文件夹model。DEMO，然后创建之后，这里特别说明啊，咱们下面的功能首先都要做一个叫项目的初始化过程，这个注意咱后面都要做这过程，现在我做了初始化，然后初始化之后我们怎么做呢？给大家说明，我就按照这个流程，咱们建两个文件，一个零一，一个零二，然后用零二调零一，最终做到我们这个效果，那在这里边我来写一下，首先为了明确啊，我在建文件夹，我们就叫这个SRCSRC里边呢，建两个文件，一个零一.gs再建一个。02点这次。然后我现在怎么做，在零一里边咱们定义两个方法，我在里边写一下方程，第一个我就叫萨，就是咱说那个相加方法，然后sum里边两个参数A还有B，最终咱们蕊推一个值，就是A加B，这是第一个就是相加的方法，这个咱们做了一个定义，然后定义之后呢，咱为了明确，我再来一个方法，这个方法我们叫subtract，就是减的方法，我就简写sub。

然后在里边两个参数，咱们来一个M和N。最终M减上N，所以现在两个方法我们就做了定义，这是咱的第一部分。然后方法定义之后呢，这里边啊，我要特别说明，我先加个注释定义两个方法，在JS里边定义的属性和方法默认都是私有的，也就是别的JS文件肯定是调不到的，比如现在咱们的sum和这个SUB2个方法都是私有的，别的方法调不到，所以咱们要做第二部分，就是设置一下你的哪些方法可以被其他的JS文件进行调用，给它做个设置，不设置别的JS肯定调不到，那我们来做个设置，怎么设置写下啊，加上一个叫model。

点上一个叫expose。然后咱们在里边来设立一下哪些方法可以被别的宅词调用，我加上方法名字，第一个叫萨，第二个叫sub，就是一个加一个减啊，一个萨，一个SUBTRACT2方法，然后这么写完之后，这两方法就可以被别的宅词调用，这是我们做的一个设置，所以咱们现在把零一就完成了，完成之后在零二里边来调用，那怎么调用呢？写一下啊，第一步你先引入你要调用方法所在的JS文件，跟在Java中一样，要加个import，把它先引进来。

那怎么引入我写一下啊，加上一个关键的一个方法叫。块方法里边加上引入文件的路径，咱的文件就是零一.j把这引入，引入之后咱们给它起个名字，比如说叫M。我强调啊，这个步骤呢，就类似于咱们Java中你谬那个对象M，就类似于咱说那个对象，所以把它做引入，在引入的时候一个小问题，各位注意一下啊，就这个路径问题，大家看啊点杠什么意思？是不当前路径，就是当前里边有这个，当然我强调啊，有些同学的基于他的系统等原因，他写这个可能找不到，如果你发现找不到，那你写这个写上他这个完整就是带盘符的路径绝对可以，另外还一个细节，这个JS可以省略，但是你是别的类型不可以省略JS这个类型可以不写啊，大家论明确给它写上这点注意啊，就是路径啊这个问题写，然后写完之后，下面呢，咱就开始调用方法，通过M点上sum方法，咱传两个值，一个一，一个二。

然后这里边有返回值，咱们给他做个输出啊，比如写一个V1，然后把这个值我们给他输出一下这个V，然后里边第二个方法这个sub。在里边我传两个值，最终给他来个VR，然后我把VR最终也做一个输出。所以说以上我们就完成了这个模块化的开发，在零二里边调用零一的方法，最终进行实现，现在我们就做到了，做到之后呢，最后咱做个测试，然后怎么测试说明啊，咱们在src里边用终端打开，那各位想一下啊，大家说怎么测试啊，或者说咱执行谁是不是零二，因为零二调零一嘛，你不能执行零一没有意义，那咱执行零二怎么执行，咱刚刚演示过啊，NODE02，.js注意路径别选错，在文件所在目录下执行，然后咱们回车，大家看是不是两个值啊，一个相加一个相减，证明咱们现在就做到调用零二，调到了零一中的方法，所以以上就是咱们写的原始方式进行模块化的开发，一个宅调另一个宅子中的方法，这个咱就完成了。