00:00
Hello,大家好,上个小节呢,我们是讲了一下ES6当中关于模块数据暴露的一个语法汇总。那么这个小节呢,咱们来讲一下,在ES6当中,我们应该如何去引入一个模块,咱们对这块呢来做一个汇总。首先呢,咱们已经演示了第一种方式,就是通用的。啊,通用的导入方式,这是第一种方式,就是无论是哪种暴露方式,我都可以使用import星as别名的方式来导入一个模块。啊,这是通用方式,那么下边的话,我们来看一下第二种方式,就是哎,解构赋值的形式。赋值。赋值啊形式,注意啊是形式好了,然后接下来咱们以这个一来为例,里边呢有两个数据,一个是school,一个是teach,好,接下来看一下语法,Import划括号。
01:00
里边呢,跟上要暴露那个名称school,然后teach,然后from点杠SRGS,下边1.gs好保存,那这个时候。我们就可以直接使用school和teach这两个变量一起来看一看啊,Consult log,打印一下school啊,顺便让他打印一下teach保存,点开它看一下刷新,你看这上微骨没有问题,然后呢,函数这块也没有问题。好,这是应对的啊,咱们的分别暴露,那下边呢,看一下第二个import,那么M2这个模块呢,它也有school,有find job这么两个成员,好没关系,诶,咱们这写一个school,然后后边跟上一个find job。From点杠SRCGSM2.gs,这个时候呢,你会发现一个小问题,啥问题呢?这school重名呢?啊,School重名,重名可不可以呢?咱保存看效果怎么样,看这啊,School has already declared,就这个呢,已经用过了啊,你就不能再用了,那咱们怎么办呢?没关系,咱们可以使用别名。
02:15
啊,咱们可以使用别名来硅谷保存,一旦被使用as加了别名之后呢,他们两个就不会产生冲突了,切过来刷新。看一下啊,没有问题好了,然后现在咱们使用log来打印一下硅谷,还有呢,Find job。啊保存切过来看这诶这是硅谷,然后这个呢,是咱那个函数啊,我放一起的,所以说它呃,就是直接同一行显示。好了,这是咱们的。这是什么呀,结构赋值啊,去导入统一报入它的一个形式也没有问题,然后下边的话,咱们来应对一下谁呢?默认暴露,那默认暴露咱们该怎么做呢?来看好了,Import也是一样划括号。
03:04
然后里边写一个default as,我写一个M3FROM,点杠SCGSM3.gs。大家看一下,这是一个固定写法。不知道大家记不记得啊,这个M3的输出结果,它是一个对象。而且对象里边呢,有一个属性叫default,在default里边存的是和change。所以说在这呢,我们在进行引入的时候呢,可以呢,对这个default做一个别名设置,你不能直接使用default。啊,注意啊,不能直接使用default啊,必须得给它起一个别名才可以,好,然后在这我们来consult log打印一下M3保存。好,那切过来刷新里面瞅一眼,你看这啊,School at,硅谷change。OK,这是咱们使用结构赋值的形式来去导入默认暴露的模块,好,这是第二类啊,关于结构赋值的形式,还有一种是简便形式啊,简便形式这个简便形式啊,它只能针对默认暴露。
04:13
注意啊,简便形式啊,只能是针对默认暴露啊,怎么个语法呢?Import直接跟变量名M3FROM点杠src下边GS的M3.gs保存。大家看一下啊,我是直接跟的变量,没有写什么星,也没有写画括号,直接写变量来看结果,Consr log来一个M3保存,切过来刷新看结果啊,一样的啊,At硅谷,然后change函数没有问题。好,那么这个小节咱们是给大家讲了一下啊,关于引入模块的一个语法也是三类啊,通用引入,然后结构赋值的一个引入,还有呢,是一个简便形式引入,这个简便形式呢,只能针对这个默认暴露,其他两个形式呢是不行的啊,我来给他演示一下,比如说啊,我直我这直接写一个谁啊,Import me from,点杠SRGS下边这个啊,1.gs保存,你看这个结果。
05:17
是吧,他说这个Mo does not provide exul是吧,对不起,这个你不能用啊,所以说咱们这个简便形式啊,只能针对是默认暴露啊,默认暴露形式好,那么这个小题呢,关于引入语法,我们就先说这么多。
我来说两句