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

各位同学大家好，下面呢我们继续来学习前端模块化开发，刚才呢我们用传统方式完成了一个JS调另一个里边的方法，那下面呢，我们来讲解ES6的这个写法，首先我们先介绍一下什么是ES6，然后咱们用代码进行编写，那这里边给大家解释一下啊，ES6呢全称叫ecma6.0，简称ES6是什么呢？给大家解释啊，大家看第一个叫ecma。这是什么呢？它是一个组织，这个组织咱通过百度我们来搜索一下，这个组织我到里边搜索一下啊，大家看E3V是什么？它叫欧洲计算机厂家协会，由这个组织制定的一种规范，它是扎源的这么一套标准，一套规范，在2015年发布的，它的目标是什么呢？让这个语言成为企业级的开发语言，所以说咱们说的简单点，ES6就是一套标准，就是一套规范，只是它是一套新的标准，新的规范，咱之前的标准规范是ES5，目前用的是ES6。

而它跟Java有什么关系呢？ES6是一种标准规范，Java是一种具体的实现，所以在下面来说明S6这个写法该怎么去做，E6的最大优势什么呢？代码编写简单，编写方便，所以咱们下面用它来进行实现，那下面给各位写一下这个到底该怎么去做。首先我在里边呢，还是这个项目中，咱们先建个文件夹，我就叫ES6，然后在里边建两个文件，第一个为了跟之前区分，我叫这个就是1.js。然后第二个我叫2.gs。

同样方式在一里边，咱定义方法在二里边我们进行调用，那这里边咱看一下该怎么去做，首先呢，定义的时候呢，咱之前写法就是加上一个function，比如说啊，我写个方法叫例子呢，咱是不是这么来做，然后咱们第二部分是不是要设置方法可以背别在这调用，但是目前呢，E6中它不需要这么做，咱直接在方法前面加上一个关键字。Is，那它就表示呢，这个方法可以被别的展进行调用，所以咱们第一个方法list了，我在里边直接做个输出conso.log，然后里边输出就是list，为了明确，我再写个方法is function，我们叫A。然后在里边也是做个输出，就是A的。

所以现在呢，两个方法就完成了，大家看写法啊，和之前相比是不是要简单很多呀，之前还是要加上model is，目前方法前面直接加就可以了，然后加上之后第二部分在二里边咱进行调用，怎么调用，第一步先引入注意啊，怎么引入跟之前也不一样了，它的做法就是加上import from进行引入。那我来写一下啊，Impport，大括号from引入加上文件，1.js，然后在写的时候呢，注意大括号里面呢，加上你的方法的名字，一个是list，一个是A，现在这部分我们就完成，注意写法里边啊，Impport from加上文件，然后里边加上方法的名称。另外还是我之前提过的啊，这路径如果找不到，那你写它的完整路径，现在完成，完成之后呢，下面我们做一个调用，第一个方法就是list的，然后第二个方法叫A的，现在就完成了，这就是ES6的这么一个写法，所以大家看到比之前是不是要简单很多，直接咱们port设置，然后import引入，最终调用就可以了。

所以说这个写法就完成了，但是完成之后呢，下面咱来做个执行，咱看一下什么效果啊，我这里执行来到E6的目录中，用node2.js回车，大家看啊，目前出了一个问题，它是不是报错了A，然后报了什么错呢？这里说的很明确啊，说这里边cannot use iport也说，他告诉你说这个import不能用，他不认识，不知道这个东西到底是什么，大单解释一下为什么报错，大家看我课件里边的这句话，这里说的很明确啊，就是ES6的模块化无法在not中执行，你需要用个东西叫Bible给他，或者说Bible编译成ES5再执行，什么意思呢？我强调啊，ES6虽然说写法简单，但是有个缺点，它的某些功能在note中不能用，哪个不能用模块。

就不能用，所以咱需要把它再转成ES5才能使用，这是它的特点。但有同学说啊，咱为什么不直接写ES5，可以直接写，但是ES5咱也看到写法要稍微麻烦一些，所以实际中咱都怎么做？编写ES6用一个工具叫Bible，转成ES5再进行执行，所以下面咱需要做这个事情，因为你直接运行咱也看到了，它会报错，说这个东西它不认识到底是什么意思。

下面咱做一个就是转码操作，把S6转成ES5，再进行运行，下面咱开始来做一下这个过程。怎么做呢？我们看啊，这里写到这个BA或者说baible啊，是一个广泛使用的转码器，可以将E6转成ES5，那怎么做？第一部分我们先要做一个安装，那这里边我来装一下，我在这位置直接执行一下。安装。然后安装，这里边会联网下载，大家看这里边啊，杠杠格lo什么意思，是不是全局安装，就是所有项目中都能用到，目前我这里边就安装好了，安装之后呢，我们来看一下叫BA杠杠version执行，如果说能看到版本号证明它就安装成功了，这一步做到了，然后做到之后我这里提到啊，如果说你用命令不能用，那还是你的权限问题，用管理员运行就可以了，然后这个之后下面呢，我们在跟路径下，咱们需要做件事情，配置一个就是配置文件，就是咱说那个BA的配置文件，那我下面啊把这个做配置，然后配置文件的名字是固定的，我在里边创建这个位置。

它叫做点Bible或者BRC，然后创建之后在里边加上这段内容，内容中用到了2015，因为咱要进行转码操作，然后之后下一步操作，咱把这转码器安装，然后最终转码就可以了，这个过程不需要个位记，按照课件能给它整出来就可以了，那现在啊，我进入到这个目录下。咱们给他做一个安装或者说依赖的下载。这个安装就是局部安装，或者把它去掉也可以啊，我就直接执行一下，等他安装完成。

这取决于你的网速，如果网速快，那应该很快就能出来啊，现在我这都可以了啊，然后可以之后呢，最终我们来执行代码，做个操作，咱执行一下啊，首先在里边我先建个新的文件夹叫ES5，然后咱们开始做转码，在这个根路径下，我们执行一个命令就可以做到了，命令是什么？就这个叫背，然后把你的这个目录下的那种转成ES5放到这里边去，中间加个参数叫杠D，那我执行一下啊，就这个背，注意不要写错啊，ES6-DS5什么意思？ES6中的所有文件转成ES5放到这个下面去，那咱们回车。大家看啊，目前完成了，完成之后咱到ES里边看一下。

首先看一啊，这里边写了一个is po，然后再看二就很明确了，是不是用到蕊块，蕊块表示引入现在就可以了，可以之后在ES5里边，咱最终执行node 2.gs。你看两个值是不是都输出了，所以以上咱就完成了ES6的这个写法，但是写法中各位特别注意啊，它的写法里边我们需要给它转成ES5之后才能运行，因为它本身ES6的模块化在node中是不能直接执行的，这是我们说的这么一个过程，所以咱们把这个写法先演示到这里。