主要是想实现把压缩加密后的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
}
}()