34-尚硅谷-硅谷通用权限项目-前端基础知识-模块化开发（概述）

各位同学大家好，咱们继续来学习前端中的基础知识，刚才呢，我们讲完了NPM，下面我们继续往下来看，下面咱们来学习前端的模块化开发，那我首先解释一下什么是模块化开发，那怎么解释呢？咱们先看一下我们的后端代码，大家看这个代码各位注意啊，咱之前代码是怎么写的呢？首先咱是不是了不同的，包括里边这个service map，包括model，而每个包里边是不是写不同代码，比如大家看啊，Model里边咱是放实体类。里边是不是放这个业务逻辑代码，Map中放操作数据库代码，CTRL里边咱们做封装，做返回数据等等，所以咱们理解为这个叫后端模块化。什么叫后端模块化？那我们指的就是类与类之间，或者说对象之间方法调用，咱们最常见就是controller调service service调map，最终实现我们的过程，这个叫后端模块化。

而这么写代码，它的优势肯定很明确，各位应该都能想到，比如说啊，咱不这么做，所有代码都需要CTRL里边这么写码功能肯定能做到，但是其实你代码增多，里边是不是会有大量大码的这种勇于或者说代码，很多代码都是重复的，另外很多代码里边维修起来也会特别不方便，所以针对这种情况下，咱把这个包做了层次的划分，然后实现类与类之间，或者说对象之间方法的调用，让咱的代码我用起来更加方便。编写的话，每个包里边有它自己特定的功能，这个叫后端模块，而前端效果跟它是类似的，大家看一下我的课件里边，我这里写到。如果说啊，咱们Java所有代码都写到一起的话，你的业务如果很复杂，那代码以为很复杂，所以把它可以做一个模块化的拆分，那模块化在前端中，咱可以怎么理解呢？给大家写一下啊这位置。

咱们后端你可以理解为是你的类与类之间。或者说你对象之间方法的一个调用，这是后端，而咱前端怎么去理解写下啊，前端它指的是你啊JS之间方法的一个调用，这叫前端模块化，比如说举个具体例子。假如说我现在啊，有两个JS文件，或者说有两个页面里面有JS文件，那比如说我左边文件，假如说我叫零一.js。右边文件我叫零二.j那这个时候我零一里边，比如说有一个方法，零二里边有方法。

那比如现在我做件事情，零二里边去调用零一中的方法，这过程就叫做前端模块化，就是咱们实现JS之间方法的一个调用，这是我们要做的事情。而前端模块化呢，也能做到后端效果，比如说我现在在这里边把你所有方法做个定义，然后这里边调方法进行我们最终的功能实现，咱也能做到类似这个效果，实际中不管前端还是后端，我们都进行模块化的这个开发。以上对于这个模块化的一个解释，那下面呢，咱就具体演示一下这模块化到底该怎么去用，首先第一个演示，我们先用原始方式进行编写，然后咱再用一种新的方式ES6进行编写，ES6也是做个介绍，咱们先写一种原始的方式做模块化的开发。