废话不多说,直接上测试代码
代码如下:
var aa = "{name:'cola',item:[{age:11},{age:22},{age:23},{age:23}]}";
var now = new Date().getTime();
for (var i = 0; i < 100000; i++) {
var a = eval("(" + aa + ")");
}
var now1 = new Date().getTime();
document.write("eval 时间为:" + (now1 - now) + "<br/>");
var now2 = new Date().getTime();
for (var i = 0; i < 100000; i++) {
var fn = new Function("return" + aa);
fn();
}
var now3 = new Date().getTime();
document.write("new Function时间为:" + (now3 - now2) + "<br/>");
//经过测试结果 FF效果如下
//eval 时间为:979
//new Function时间为:1372
//经过测试结果 IE8效果如下
//eval 时间为:913
//new Function时间为:1037
//经过测试结果 Chrome效果如下
//eval 时间为:211
//new Function时间为:251
//经过测试结果 Opera
//eval 时间为:384
//new Function时间为:1024
测试结果为不同浏览器测试的参考数据,觉得奇怪的是为什么每个浏览器测试的时候都是eval要快点,我们是不是要采用他呢?
亲,先不要急, 接下往下看,带着这些疑问,好奇心的我终于展开了另外一个测试,这时候我做一个动态涵数来分别让eval 和 new Function 来执行再看看效果
代码如下:
var testEval = function (obj) {
<SPAN style="COLOR: #ff0000"> return eval('0, ' + obj + '');</SPAN>
//return eval('( ' + obj + ')');
};
var testFun = function (obj) {
var fn = new Function("return " + obj);
fn();
};
var now = new Date().getTime();
for (var i = 0; i < 1000; i++) {
var fn = testEval("function test(){ document.write('我有一头小毛驴,从来也不骑.........'); }");
新闻热点
疑难解答
图片精选