共计 1206 个字符，预计需要花费 4 分钟才能阅读完成。
主要是想实现把压缩加密后的 js 文件存储在本地，网上找了下没找到理想的，所以自己动手写了一个，主要是仿照 script 标签的功能，实现异步加载，顺序执行。如果本地已经有该文件，则不重新加载，直接调用本地数据。
jsFile 是存储文件信息的数组，其中，path 是文件路径，name 是存储在本地的名字，active 表示当前文件是否已经执行，load 表示当前文件手已经加载完成，还要一个隐藏的 content 属性，存储文件内容。
!function loadJS(){
var jsFile = [
{name:’file1′,path:’js/file1.js’,active:false,load:false},
{name:’file2′,path:’js/file2.js’,active:false,load:false},
{name:’file3′,path:’js/file3.js’,active:false,load:false},
{name:’file4′,path:’js/file4.js’,active:false,load:false},
{name:’file5′,path:’js/file5.js’,active:false,load:false}
]
jsFile.forEach(function(item, index){
if(localStorage[‘file_’ + 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 = ‘file_’ + item.name
localStorage[name] = item.content || localStorage[name] || ”
// 这里要使用 window.eval 或者 eval.call(window), 否则 eval 里面的变量就不是全局变量
window.eval(localStorage[name])
item.active = true
}
}()
