00:00
哈喽,大家好,上个小节,我们是对ES6模块化的一个命令做了一个演示,算作是一个初体验,诶,我们在M1这个JS文件里边使用xport做一个暴露,然后我们在index.html这块呢,做了一个导入。好,那这个小节呢,我们来演示一下ES6暴露语法这块的其他使用情况。除了这样的一种方式之外呢,这种方式咱们把它称之为是分别暴露啊,除了这种方式之外,咱们还有其他方式来暴露,来看一下,新建一个文件m2.gs,我们把它统称之为呢,这个统一暴露还是一样,哎,生命变量school等于一个啊上硅谷,然后在这儿呢,我们写一个函数啊,Find job。哎,Log,哎,我们可以帮助你找工作。好保存,这是在当前模块下的两个数据,一个是school,一个是find job,那这个时候我想把这两个数据呢全都暴露出去,那怎么办呢?哎,我们除了可以在前面加export以外呢,还可以使用这样的语法,就是export画括号,在画号里边呢,写上你要暴露的数据,School,还有find job。
01:26
好,这种语法也是可以的,好接着咱们来在index HTML这块呢,咱们去引入一下M2来看一下情况,哎,把它呢,对在右边这个拆拆分一下啊来在这引入m2.gs的模块内容,好,Import星AS2FROM点杠SRCGS的m2.gs,好咱们来输出一下M2的一个结果,M2保存,点开浏览器一起来看一看。刷新点开看这find job是一个函数,然后school这块呢,它是上规股没有问题,好,这是我们暴露的第二种方式,那么还有一种方式呢,是默认暴露,一起来看一下,哎,我再新建一个文件。
02:14
叫M的这个位置不对啊,应该在这里边叫M3.gs啊在这呢,我们来一个export,直接跟一个default。啊叫默认暴露,诶来个默认暴露,那默认暴露这样的方式的话,就直接是语法export加defa,后边跟上你要暴露的数据,这个暴的数据呢,你可以是任意类型。啊,可以是任意类型,比如说是一个数字可以是一个啊,然后字符串也可以呢,是一个对象,咱们对象居多啊,这个咱们以对象来为例,好,里边呢,咱们还是一样,诶写一个school,然后咱们写一个英文啊at硅谷。好,然后呢,Change。
03:00
好,然后肯log,哎,我们可以改变你。OK,保存保存完以后呢,接下来咱们再次回到index.html这块,对它做一个导入,诶引入。这个M3.gs好了,下边还是一样啊import,然后星as m3from,点杠SRCGS下边的M3.gsok,来输出一下这个结果,看一下保存,点开浏览器刷新页面。点开看这啊,这是一个default,然后点开这是一个object对象,点开里边呢有两个成员,一个是change,一个是school,对于这样一个结构,我们如果说想要使用里边的属性和方法的话,就必须要多加一层default,一层结构,好来演示一下,比方说我们调一下那个啊change方法M3.default,点括号。
04:06
把上面这个呢注掉保存,点开浏览器刷新页面看一下,诶,我们可以改变你。好,那以上呢,是咱们这个小节讲了一下,关于啊ES6当中暴露一个语法啊,咱们稍微总结一下,包括三种情况,哎,第一种情况呢,称之为分别暴露,就是我们可以呢,在要暴露的数据的前边呢,加一个export。第二种方式呢,称之为统一暴露,就我们可以在一个啊,某一个地方呢,直接使用export,用这种对象的简化写法结构来暴露我们的数据,那么第三种方式的话,称之为默认暴露,用export defport后边跟上一个数据,通过这样的方式来暴露数据。好,那关于呢,ES里边暴露数据的语法,我们就介绍这么多。
我来说两句