js import()异步原理?懒加载原理是什么?

 

问题描述:

clipboard.png

懒加载原理是什么?


 

第 1 个答案:

import()是个语法糖,返回值是一个Promise对象,意味着这需要异步处理,你可以在.then()中拿到真正的模块。基于这点,你的截图其实是这样的:

{
 component: () => {
   return import('xxx');
 },
}

把import包裹在函数中,当真正用到模块的时候,才执行 component().then()。这就是懒加载了


 

第 2 个答案:

异步一般都是动态创建script标签来加载对应js


1.他这个窗口是微信提供的还是,开发者自己做的?2.如果是微信提供的那么是怎么调出来的?