loadjs动态加载应用及原理（第三方库实现原理）

loadjs实现动态加载

我们经常在vue项目中使用第三方库 loadjs实现js文件的动态加载

loadjs(["test.js","test2.js"],"myTest")
loadjs.ready("myTest",()=>{
   //你想要做的事情
})

我们在loadjs要传的第一个数组参数里面的每一项是js文件路径,of course 你可以import进来，随便你 

那么，它的原理是什么呢？

function loadjs(url,callback){
 var script=document.createElement("script");
 var fun=callback || function(){};
 script.type="text/javascript";
 script.onload=function(){
  //加载的时候执行回调
  fun();
 };
 script.src=url;
 document.getElementsByTagName("head")[0].appendChild(script);
}

//调用loadjs动态加载
loadjs("test.js",function(){
   alert("我出来啦");
});

这就是实现原理，我们亲爱的loadjs