快捷導(dǎo)航

eval的兩組性能測(cè)試數(shù)據(jù)

更新時(shí)間：2012年08月17日 22:38:26 作者：

最近對(duì)eval火爆的討論，教主 @Franky 和灰大 @otakustay 也給了精彩的數(shù)據(jù)分析,剛好之前也做過類似的測(cè)試，我也跟風(fēng)湊個(gè)熱鬧，提供兩組數(shù)據(jù)供大家參考

@老趙的一個(gè)微博“ 由eval生成的代碼效率真的很差嗎？ http://t.cn/zWTUBEo 內(nèi)含人身攻擊，不喜勿入?！?
引發(fā)了最近對(duì)eval火爆的討論，教主 @Franky 和灰大 @otakustay 也給了精彩的數(shù)據(jù)分析。
剛好之前也做過類似的測(cè)試，我也跟風(fēng)湊個(gè)熱鬧，提供兩組數(shù)據(jù)供大家參考。

更新1：感謝灰大 @otakustay 的指導(dǎo)，為排除eval('')調(diào)用本身對(duì)結(jié)果的影響，增加一組新數(shù)據(jù)A3, B3。并對(duì)舊的全部數(shù)據(jù)重測(cè)。
更新2：感謝莫大 @貘吃饃香的強(qiáng)力拍磚，增加了1). A4, B4；A5,B5的eval覆蓋后的測(cè)試數(shù)據(jù)； 2). A6,B6 eval別名；3). A7,B7 eval.call。

測(cè)試環(huán)境：
a. 機(jī)器：Intel(R) Corei7-2720 2.2Ghz （4核心8線程）、內(nèi)存8Gb
b. OS：Windows 7 Enterprise SP1 64-bit
c. 瀏覽器：
b.1 Google Chrome 21.0.1180.79 m
b.2 Firefox 14.0.1
b.3 IE9.0.8112.16421
d. 測(cè)試方法
d.1 每個(gè)用例測(cè)試5次，耗時(shí)取最小值。
d.2 測(cè)試過程中沒有開啟Firebug或Chrome Console，開啟這些工具會(huì)使時(shí)間倍增，很難在有效時(shí)間內(nèi)得到該用例結(jié)果

用例A1：
我們?cè)趦?nèi)聯(lián)函數(shù)中調(diào)用空的eval("")

復(fù)制代碼代碼如下:

 
!function() { 
var a = 1, 
b = 2, 
c = true; 
function func() { 
var d = 2; 
e = !c; 
eval(""); 
} 
for (var i = 0; i < 2999999; i++) { 
func(i, i + 1, i + 2); 
} 
}(); 

用例A2：
注釋掉內(nèi)聯(lián)函數(shù)中的eval("")

復(fù)制代碼代碼如下:

 
!function() { 
var a = 1, 
b = 2, 
c = true; 
function func() { 
var d = 2; 
e = !c; 
//eval(""); 
} 
for (var i = 0; i < 2999999; i++) { 
func(i, i + 1, i + 2); 
} 
}(); 

用例A3：
為排除eval("")調(diào)用本身產(chǎn)生的影響，我們?cè)谕鈱雍瘮?shù)中調(diào)用eval("")

復(fù)制代碼代碼如下:

 
!function() { 
var a = 1, 
b = 2, 
c = true; 
function func() { 
var d = 2; 
e = !c; 
} 
for (var i = 0; i < 2999999; i++) { 
eval(""); 
func(i, i + 1, i + 2); 
} 
}(); 

用例A4：
將eval()函數(shù)覆蓋成普通的空函數(shù)

復(fù)制代碼代碼如下:

 
function eval(){} 
!function() { 
var a = 1, 
b = 2, 
c = true; 
function func() { 
var d = 2; 
e = !c; 
eval(""); 
} 
for (var i = 0; i < 2999999; i++) { 
func(i, i + 1, i + 2); 
} 
}(); 

用例A5：

同樣是函數(shù)調(diào)用，不是eval而且另一個(gè)空函數(shù)f

復(fù)制代碼代碼如下:

 
function f(){} 
!function() { 
var a = 1, 
b = 2, 
c = true; 
function func() { 
var d = 2; 
e = !c; 
f(""); 
} 
for (var i = 0; i < 2999999; i++) { 
func(i, i + 1, i + 2); 
} 
}(); 

用例A6：
將eval賦給另一個(gè)變量f，然后調(diào)用f

復(fù)制代碼代碼如下:

 
var f = eval; 
!function() { 
var a = 1, 
b = 2, 
c = true; 
function func() { 
var d = 2; 
e = !c; 
f(""); 
} 
for (var i = 0; i < 2999999; i++) { 
func(i, i + 1, i + 2); 
} 
}(); 

用例A7：

使用eval.call的方式去調(diào)用

復(fù)制代碼代碼如下:

 
!function() { 
var a = 1, 
b = 2, 
c = true; 
function func() { 
var d = 2; 
e = !c; 
eval.call(null, ''); 
} 
for (var i = 0; i < 2999999; i++) { 
func(i, i + 1, i + 2); 
} 
}(); 

A組測(cè)試結(jié)果：

	A1	A2	A3	A4	A5	A6	A7	A1 : A2	A1 : A3	A1 : A4	A4 : A5
Chrome	1612ms	8ms	1244ms	897ms	7ms	718ms	680ms	201.5	1.3	1.8	128.1
Firefox	2468ms	69ms	732ms	2928ms	134ms	5033ms	4984ms	35.8	3.4	0.8	21.9
IE	1207ms	23ms	233ms	1147ms	37ms	148ms	224ms	52.5	5.2	1.0	31.0

用例B1：

復(fù)制代碼代碼如下:

 
for (var i = 0; i < 2999999; i++) { 
!function() { 
var a = 1, 
b = 2, 
c = true; 
!function () { 
var d = 2; 
e = !c; 
eval(""); 
}(); 
}(); 
} 

用例B2：

復(fù)制代碼代碼如下:

 
for (var i = 0; i < 2999999; i++) { 
!function() { 
var a = 1, 
b = 2, 
c = true; 
!function () { 
var d = 2; 
e = !c; 
//eval(""); 
}(); 
}(); 
} 

用例B3：

復(fù)制代碼代碼如下:

 
for (var i = 0; i < 2999999; i++) { 
!function() { 
var a = 1, 
b = 2, 
c = true; 
!function () { 
var d = 2; 
e = !c; 
}(); 
}(); 
eval(""); 
} 

用例B4：

復(fù)制代碼代碼如下:

 
var eval = function(){} 
for (var i = 0; i < 2999999; i++) { 
!function() { 
var a = 1, 
b = 2, 
c = true; 
!function () { 
var d = 2; 
e = !c; 
eval(""); 
}(); 
}(); 
} 

用例B5：

復(fù)制代碼代碼如下:

 
var f = function(){} 
for (var i = 0; i < 2999999; i++) { 
!function() { 
var a = 1, 
b = 2, 
c = true; 
!function () { 
var d = 2; 
e = !c; 
f(""); 
}(); 
}(); 
} 

用例B6：

復(fù)制代碼代碼如下:

 
var f = eval; 
for (var i = 0; i < 2999999; i++) { 
!function() { 
var a = 1, 
b = 2, 
c = true; 
!function () { 
var d = 2; 
e = !c; 
f(""); 
}(); 
}(); 
} 

用例B7:

復(fù)制代碼代碼如下:

 
for (var i = 0; i < 2999999; i++) { 
!function() { 
var a = 1, 
b = 2, 
c = true; 
!function () { 
var d = 2; 
e = !c; 
eval.call(null, ''); 
}(); 
}(); 
} 

B組測(cè)試結(jié)果：

	B1	B2	B3	B4	B5	B6	B7	B1 : B3	B1 : B2	B1 : B4	B4 : B5
Chrome	1569ms	134ms	1093ms	1022ms	173ms	830ms	916ms	11.7	1.4	1.5	5.9
Firefox	5334ms	1017ms	5503ms	5280ms	1171ms	6797ms	6883ms	5.2	1.0	1.0	4.5
IE	3933ms	560ms	680ms	4118ms	583ms	745ms	854ms	7.0	5.8	1.0	111.3

結(jié)論（僅限于文中的CASE）：

1. eval本身的重復(fù)調(diào)用非常耗時(shí)，即使是空的eval("");

2. eval對(duì)內(nèi)聯(lián)函數(shù)執(zhí)行效率有所影響，依具體環(huán)境、代碼有所不同;

3. 我們可以看到無論哪種瀏覽器，無論是A組還是B組，2 和 5速度較佳。說明例中內(nèi)聯(lián)函數(shù)的eval無論以何種方式調(diào)用（即使eval被空函數(shù)覆蓋）仍會(huì)對(duì)運(yùn)行效率造成較大影響。推斷是（黑盒推斷，非權(quán)威，很可能是臆測(cè)）內(nèi)聯(lián)函數(shù)中只要發(fā)現(xiàn)eval，哪怕這個(gè)eval是被覆蓋的空函數(shù)，在Scope Variables中都將會(huì)把所有的外部定義的變量等內(nèi)容初始化到當(dāng)前的Scope中。類似的，eval會(huì)對(duì)內(nèi)聯(lián)函數(shù)在運(yùn)行時(shí)JS引擎的優(yōu)化功能產(chǎn)生較大影響，降低執(zhí)行效率。

4. 說點(diǎn)題外話，雖然沒用IE10，而是IE9，在對(duì)eval的處理上，表現(xiàn)非常的優(yōu)異。IE一直被開發(fā)人員詬病，但它的飛速成長(zhǎng)也是值得肯定的，本例就是很好的一項(xiàng)證明。

更詳細(xì)的原因剖析下列文章描述已十分詳細(xì)，不再累述。歡迎拍磚：）尤其是莫大...

@老趙的《由eval生成的代碼效率真的很差嗎？》
@Franky 的《Eval科普》
@otakustay 的《淺談Eval的影響》