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

Question

懒加载原理是什么？

Answer 1

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

{

 component: () => {

   return import('xxx');

 },

}

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

Answer 2

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