?? ? 在最近的项目中用到了第三方的GIS产品,感觉巨垃圾。为了克服性能的问题,决定对JS使用并行下载,顺序执行的策略。首先是借鉴了一本书上的代码,代码是并行下载,也通过eval执行了,但是在window下就是看不到预期的function。在IE8和FireFox下通过都不行。晚上在家了翻阅资料,有人说window.eval和eval在不同的浏览器甚至同一浏览器不同版本下都不一样,在家中IE9下运行终于看到了预期的效果,第二天一大早到公司运行,结果又失败了(IE8)。后来在一国外的网站上终于找到了一段代码,这才算真正解决了自己的问题(做前端开发苦啊!!!呵呵)。废话说了不少了,直接上代码了:
?? 全局执行的代码
globalEval : function globalEval(src) {
?? ?if (window.execScript) {
?? ? ? ?window.execScript(src);
?? ? ? ?return;
?? ?}
?? ?var fn = function() {
?? ? ? ?window.eval.call(window,src);
?? ?};
?? ?fn();
}
??并行下载,顺序执行的代码:
//保证异步按顺序加载JS的代码,此代码后续需要进一步考虑和扩展
sdec.script= {
queuedScripts: new Array(),
loadScriptXHRInject:function(url, onload, bOrder){
var queueLen = sdec.script.queuedScripts.length;
if(bOrder){
var qScript = {response:null, onload:onload,done:false};
sdec.script.queuedScripts[queueLen] = qScript;
}
dojo.xhrGet({
url:url,
load:function(response){
if(bOrder){
sdec.script.queuedScripts[queueLen].response =response;
sdec.script.injectScripts();
}else{
//SuperMap相关的JS文件异步加载完毕,执行JS
sdec.script.globalEval(response);
if(onload){
onload();
}
}
},
error:function(){
console.debug(error.response);
}
});
?
},
?
injectScripts:function(){
var len = sdec.script.queuedScripts.length;
for(var i=0;i<len;i++){
var qScript = sdec.script.queuedScripts[i];
if(!qScript.done){
if(!qScript.response){
//停止!需要等待依赖的响应
break;
}else{
sdec.script.globalEval(qScript.response);
if(qScript.onload){
qScript.onload();
}
qScript.done = true;
}
}
}
},
globalEval : function globalEval(src) {
?? ?if (window.execScript) {
?? ? ? ?window.execScript(src);
?? ? ? ?return;
?? ?}
?? ?var fn = function() {
?? ? ? ?window.eval.call(window,src);
?? ?};
?? ?fn();
}
};[/size][/size]
?