js性能测试——for循环

最新推荐文章于 2024-12-25 09:30:00 发布

最新推荐文章于 2024-12-25 09:30:00 发布 · 161 阅读

文章标签：

#测试 #javascript #ViewUI

本文通过两个测试案例对比了在不同浏览器环境下使用for循环获取document.cookie与window.document.cookie的性能差异。

js性能测试——for循环

首先请看下测试用例：documenttest.html
<script type="text/javascript">
var TEST = (function() {

function _test1() {
//test document.cookie
var s = new Date();

for(var i=0;i<100000;i++) {
var a = document.cookie;
}

var e = new Date();

console.log(e-s);
}

function _test2() {
//test window.document.cookie
var s = new Date();

for(var i=0;i<100000;i++) {
var a = window.document.cookie;
}

var e = new Date();

console.log(e-s);
}

return {
test1 : _test1,
test2 : _test2
};

})();

TEST.test1();
TEST.test2();
</script>

chrome 输出结果为：
10615 documenttest.html:14
10713 documenttest.html:27
Firefox 输出结果为：
164 documenttest.html (line 14)
194 documenttest.html (line 27)
Safari 输出结果为：
2661 documenttest.html:14
2684 documenttest.html:27

chrome处理for循环的效率真低啊