温馨提示:文本由机器自动转译,部分词句存在误差,以视频为准
00:00
Hello,大家好,这个小节呢,我们来学习一下ES6的模块化。什么是模块化呢?模块化是指将一个大的程序文件拆分成许多小的文件,然后再将小的文件组合起来,实现我们的功能。而这里我们的文件,这个小文件就是我们的模块。就好比乐高积木一样子,哎,最终是一个大的产品,比如说是一个车子,一个飞机,而其中的每一个小的那个积木啊,零部件啊,那就是我们的一个模块。那模块有什么好处呢?模块的好处有以下几点,第一,防止命名冲突。因为我们把一个大程序拆成了很多小的文件,而在小文件里边呢,他们之间彼此是互不干扰,互不影响的,就好比说我们在一个A文件夹里边新建了一个名,文件名啊叫A,点这个GS,在另外一个文件夹里边呢,我也叫a.GS它们两个是互不影响的。
01:07
模块化呢,也是这样子,我在A这个GS文件里边声明一个变量叫data,在另外一个JS文件里边呢,我声明也叫data,它们之间也是不受影响的。好,这是第一个防止命名冲突,第二个呢是代码复用,我们可以把一些功能代码封装成一个文件,就好比封装函数一样子放到这个文件里边,对外呢,暴露一个接口。然后呢,我在这个项目里边可以用,我等到下一个项目里边还有类似的功能,我们一样子可以用它来实现我们的功能需求,就不用再去实现了。啊,这个这个啊,技巧性呢,就很跟我们的函数封装其实很像了啊,提高代码的复用,第三呢就是高维护性,代码项目呢,维护起来就很方便,第一呢是人员,开发人员对文件修改他们之间不会产生过多的冲突,哎,张三呢改这个文件,李四呢改这个文件,文件呢之间。
02:08
不会产生过多冲突,第一个这是第一个啊,第二个的话呢,我们升级只需要对某一个模块或者某一些模块升级就可以了啊,就免去了对大部大多的文件啊,来去做一些更改和变动。好,这是模块化的一个好处,下边呢,是模块化的一些产品,在ES6之前呢,GS本身是没有模块化规范这样一个东西的。啊,但是呢,有一些社区就是咱们的GS社区,然后推出了一些模块化的产品啊,有common GS,还有呢AMD和CMD。GS和AMDCMD啊,他们都是规范。啊,都是纸面上的一些东西,而呢,每一个规范都有自个儿对应的一个实现的产品,你比如说common GS啊,Node JS呢,这个应用程序,它内部的这个模块化,就咱们写这个no GS这个代码。
03:08
它的模块化呢,就是啊,依据的这个common JS的模块化规范。还有一个呢,是broadify,就是前端代码的一个打包,哎,用的也是common GS规范,而AMD和CMD呢,他们两个是专门针对于浏览器端的啊,AMD对应的产品是块GS,而CMD呢,模块规范对应的产品是SSEGS。就是在ES6之前,GS本身呢,没有自己的模块化,而是靠社区推出的一些模块化规范来实现对项目代码的一个拆分。好,那么这个小节呢,关于模块化的一个介绍,我们先说这么多。
我来说两句