日期:2014-05-16  浏览次数:20344 次

Javascript全局eval

?? ? 在最近的项目中用到了第三方的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]


?