14-尚硅谷-webpack从入门到精通-同步&异步loader

OK啊，那么前面呢，我们研究了load执行顺序，那么接下来呢，我们也研究啊load的一些不同的执行方式啊，也就是说他们有load呢，其实分为同步load和异步load，它可以同步执行，也可以异步执行，那么我们推荐的是异步执行比较好啊，对吧？那么但是我们来看一下什么是同步，那么我现在当前写的这个这种方式呢，其实就是同步的一种方式，那么同步呢，还有第二种写法，所以我们可以给大家再写一下，把它注释掉，我们以漏一为例来写第二种同步的方式，第二种方式，方式呢就是啊，我们在load里面呢，都会有个this啊，其中this上面呢，会有一个call back一个选项啊。那么copy back调用呢，它接收好几个参数啊，第一个参数呢，就是有没有错误，当然没有错误呢，就传个now，第二参数呢，就是你要传递的内容啊，你要你要最终写啊，最终呢就是暴露出去，就是处理后的一些内容，就connect就好了，第三个呢是那个map文件啊，第四个呢，就是那个Meta信息，大概就这些，其中三四呢是可选值，所以一般三四不传，一般只传第一个参数和第二参数好，然后调用自back的，那就不需要返回值了啊，那么这种方式呢，也属于同步的啊，一个执行，所以我们看结果，最终结果呢，肯定打印打印还是啊一样的执行结果肯定不会变啊，不会变，然后第次输出的结果呢，其实还是之前的一个原封不动的输出啊，所以没有问题啊，那么这样呢，刚刚所说的这种方式呢，是同步的，比如说它可以直接return啊，也可以调用自己的copy back方法也可以。

好，那这是同步啊，这是同步loader对吧，我们来看一下同步loader。好，那么接下来呢，我们来学习一下E步loader啊，E步lo elo呢也是我们推荐的一种写法啊。对吧，好1LO怎么办呢？它得也是this上有个方法叫做think啊think啊，好think呢，返回值是一个call back，这call back方法呢，其实就是它this call back，不同的是呢，它一定要会等待call back有没有调用call调用呢，后面代码才会执行，所以我们可以在call back调用之前呢，做一些异步操作啊，那么整个wipe呢，会一直在等你啊，我都可以用个S。

帽子，然后呢再去啊，比如说帽也是也是一秒钟吧，我们看效果啊，也是一秒钟，然后呢再点back啊，当然呢，我也没有错误啊，所以我还是传connect，那么调二个后呢，这个return返回值就不需要了，那么这样的是一个异义步的啊，异义步的好，它肯定会打印二二肯定会同步打印的，但是注意啊，我们可以看那个一一打印的一个顺序，对吧，它打印数据是321，我们主要是看观察，一一的话呢，应该是要延时一秒之后才能打印，因为这个1LO呢是一秒之后才执行完毕的，所以我们来看啊。我们再执行，你看三二这时候卡了一会，卡了一会再执行一，所以呢，这个这就是E漏的一个处理方式啊，通过this.think调用，那么整个load呢就会停住啊，它就不会再往下执行，那什么时候执行呢？当你调用To Back方法的时候，就会往下执行，投back方法往下执行。

对吧，那么这里就是一个一步loader，那么我们呢，在外pad中推荐我们写一步load的方式啊，因为他在等待的时候呢，虽然这个loader不会执行，但是其他事还能干啊，所以整体的性能呢会比较好，所以推荐使用异步的方式。