类script标签，异步加载，顺序执行

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