35、前端基础-ES6-模块化

接下来呢，我们再来说一下ES中的模块化，这个模块化呢是我们来编写大项目的基础，也就类似于我们Java里边的导包，我们呢，在Java里边经常要用一个第三方包，我们要导入再来用它的方法，GS也一样，我们如何使用别的GS里边提供的方法等等，我们就需要使用模块化里边的两个概念，一个叫export，将指定的模块导出去，然后呢，将import将我们这个模块导进来，那举一个例子，在我们这个GS里边呢，Hello JS，慢s user JS，我这个慢GS啊，将来想要用hello JS以及user JS里边的一些东西，那怎么操作，比如我们给hello JS里边我们来定义一个方法，哎，定义一个对象，这个对象里边呢，有一个方法来看一看一下auto shift f，我定义了一个YouTube，对象里边呢，有一个sum方法，而我想在慢GS里边要用这个。

方法，那怎么导呢？我们可以这样，在hello j X里边，我们使用xportt命令，它呢就叫导出，导出是什么呢？我们可以写一个大括号代表批量导出，我们这呢，有一个对象叫U，那相当于把这个导出，而且呢，我们说这个export，它不只能导出对象，它呢，一切GS变量都可以导出，比如我们基本类型的变量、函数、数组、对象等等都能导出。举一个例子，你在u user里边呢，我们来声明两个变量，我们来找一下，把这个复制过来，那这个变量呢，想要让别人用，我们也可以导出，我们可以使用export，我来导出，导出谁呢？导出name和H这个呢，就是批量导出，那既然有了这个导出，我们导入想要用怎么办呢？比如我们这个慢JS里边，想要用hello JS以及user JS的内容，那怎么做？那就可以在慢JS里边使用一个命令叫import，这叫导入。

导入什么呢？好，我们先写在这叉叉from从哪里导入，那我们这呢有两个GS，所以呢，你想要导哪个GS先来写上哪个，比如点个哎，我们先导当前目录下的hello，这个hello里边呢，由于它导出了一个U，所以呢我们就在这能导入一个U，当然我们hello里边如果导出了更多东西，那我们都在这儿可以导入，只有我们hello里边导出的我们才能在这导入，没导出的就不能导好，包括呢，我们还想要导user，那我们还可以继续来写from。From哪里呢？我们还是点个我们要导入user里边的内容，那导入user里边的什么？哎，我们这user暴露了两个name，那这么多的东西我们也可以批量导入诶。在这在这呢，代表批量导入内和I，包括我们user在GS里边也可以给它，比如我们导出一个方法吧，我们方式我们这声明了一个方法叫and，这个and呢，你来写一个A和B，我来返回AB2个的和A加B。

想导出这个方法呢，也很简单，只需要给这来写上它的这个方法名，这也是一个导出，那么想要在这导入，自然就在这儿可以写一个and，当然我们不是说导出的这些我们全要导入，我们也可以只导入我们需要的东西，等导入进来了呢，那就可以放心使用了。比如YouTube里边我想要调它里边的方法之类的东西，那YouTube里边规定了一个some方法，那么就在这进行调用一二，包括呢，我们这个name，这是user里边的一个变量，我们也可以把它来用一下，比如我们输出到控制台cons.log，诶，我们都能看到，包括呢，去来调用这个里边的方法也是没问题的，来传一二。

一三好，这是我们说的导出跟导入，当然这个导出呢，我们还可以有更多种的这个写法，比如在hello JS里边，我们想要导这个U，那其实最快速的写法是这样，我们直接写一个export。哎，我们直接在这导出，这样呢，相当于既声明了一个对象，同时把它导出了，而且呢，我们来说这一块呢，非常注意，那么这import这个叫YouTube，也就说。这个U是不能乱写的，不能乱写成ABCDEFG，由于我们这个hello JS里边，我们来导出的时候呢，这个变量名就叫U，所以我们导出这个，但如果说某一天我们呢，想要自己起名，我们可以把这种写成这样子的，还是这么一个对象，我们导出的时候呢，我们来这么来导出，我们叫export default default呢，这个对象我们拿来，我们拿来，我把这一块呢，主掉ctrl or al shift f代码整理一下，这样呢，相当于我们导出了一个对象，我们为这个对象呢没起名字，你接下来呢，导入的时候，你可以给它随意起名，比如你叫ABC，那这一块呢，你就可以使用ABC，这就是导入导出的功能，当然现在这个呢，我们还没法测试，因为它是ES6的语法，我们想要浏览器兼容，我们得转换，我们可以使用我们以前的这些BU，我们说的这有一个BU来转换。

包括呢，转换期间我们还要打包成浏览器兼容的代码等等一系列挺麻烦的，我们后来再开发整体项目的时候，直接来用就行了，大家呢就主要来熟悉一下这个导入操作，以及我们这个导出操作。当然我们说的这些呢，只是我们项目后期要经常用的一些语法的简单快速入门，那么更专业的前端知识，还希望大家呢可以参照，鼓励学院里边相关的课程，我们首先呢，要保证大家见到这些语法，我们项目开发期间只要能认识啊，会用就行。