类script加载,异步加载,顺序执行

匿名 (未验证) 提交于 2019-12-02 22:56:40

主要是想实现把压缩加密后的js文件存储在本地,网上找了下没找到理想的,所以自己动手写了一个,主要是仿照script标签的功能,实现异步加载,顺序执行。如果本地已经有该文件,则不重新加载,直接调用本地数据。

jsFile是存储文件信息的数组,其中,path是文件路径,name是存储在本地的名字,active表示当前文件是否已经执行,load表示当前文件手已经加载完成,还要一个隐藏的content属性,存储文件内容。

!function loadJS(){     var jsFile = [         {name:'myMap',path:'js/myMap.js',active:false,load:false},         {name:'common',path:'js/common.js',active:false,load:false},         {name:'yuntu',path:'js/yuntu.js',active:false,load:false},         {name:'main',path:'js/main.js',active:false,load:false},         {name:'byjs',path:'js/byjs.js',active:false,load:false}     ]     jsFile.forEach(function(item, index){         if(localStorage['TQLD_' + item.name]){             item.load = true             implementJS(item, index)         }else{             $.ajax({                 type:"get",                 url:item.path,                 dataType:'text',                 success:function(data){                     item.content = data                     item.load = true                     implementJS(item, index)                 }             });         }     }) }() function implementJS(item, index){     //如果上一个文件已经执行了,则执行这个js文件     if(index == 0 || jsFile[index - 1].active){         storageJS(item, index)         //尝试执行下一个js文件         jsFile[index + 1] && jsFile[index + 1].load && implementJS(jsFile[index + 1], index + 1)     } } function storageJS(item, index){     //存储病执行js文件,用项目名当前缀     var name = 'TQLD_' + item.name     localStorage[name] = item.content || localStorage[name] || ''     //这里要使用window.eval或者eval.call(window),否则eval里面的变量就不是全局变量     window.eval(localStorage[name])     item.active = true }
标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!