本节将上一节介绍工厂模式的例子进行下改动
![](https://img.haomeiwen.com/i22517122/9593e9d7c1503579.png)
经过上一节的分析,我们知道,异步组件的流程如下
第一次将执行resolve向factory保存值
第二次当webpack回调时去调用resolve函数,再通过forceUpdate去强制更新
这一次,我们的参数二并没有接收值
![](https://img.haomeiwen.com/i22517122/a92a5761f4251b49.png)
但是使用箭头函数后,将被webpack处理成一个promise返回,故我们拿到的res为promise,向下进入判断
![](https://img.haomeiwen.com/i22517122/b14e47a92daaf928.png)
执行res.then将resolve方法传入
故第二次当webpack回调时去调用resolve函数,再通过forceUpdate去强制更新
网友评论