字符串连接在不同浏览器中效率

最近看了篇关于javascript字符串链接的文章,里面提出了一种通过数组来进行字符串连接的方式:
function StringBuffer() {
this.data = new Array();
}
StringBuffer.prototype.append = function(str) {
this.data.push(str);
return this;
}
StringBuffer.prototype.toString = function(){
return this.data.join("");
}
刚看的时候感觉确实是个奇妙的实现方式,随即写了个小程序测试一下这个StringBuffer的性能(结果与机器速度有关):
var date1 = new Date();  
var str = "";  
for(i = 0; i < 10; i++) {
for(j = 0; j < 10000; j++) {
   str += "aaaaa";
}
}  
var date2 = new Date();
document.getElementById("a").innerHTML = (date2.getTime() - date1.getTime());
  
date1 = new Date();  
var strBuffer = new StringBuffer();  
  
for(i = 0; i < 10;i++) {
for(j = 0; j < 10000; j++) {
   strBuffer.append("aaaaa");
   }
}  
var result = strBuffer.toString();  
date2 = new Date();  
  
document.getElementById("b").innerHTML = (date2.getTime() - date1.getTime());
在FF2下进行100k次连接:
通过+操作:422ms
StringBuffer:1281ms
看来在FF下,用原始的字符串相加还是要更快一些。

在Opera9.51下进行100k次链接:
通过+操作:94ms
StringBuffer:375ms
在Opera下也是原始字符串要更快一些(Opera的性能看来比FF要好)

在IE7下进行100k次连接:
CPU直冲100%,之后浏览器无响应.

在IE7下进行50k次连接:
通过+操作:15547ms
StringBuffer:500ms
看来这种方法只有在IE下才会更快一些,IE在别的方面的性能没有具体测过,不过单此来说IE的字符串处理方面的速度是慢的可以了!

你可能感兴趣的:(javascript)