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

最近看了篇关于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的字符串处理方面的速度是慢的可以了!