最近看了篇关于javascript字符串链接的文章,里面提出了一种通过数组来进行字符串连接的方式:

 
  1. function StringBuffer() {  
  2.     this.data = new Array();  
  3. }  
  4. StringBuffer.prototype.append = function(str) {  
  5.     this.data.push(str);  
  6.     return this;  
  7. }  
  8. StringBuffer.prototype.toString = function(){  
  9.     return this.data.join("");  

刚看的时候感觉确实是个奇妙的实现方式,随即写了个小程序测试一下这个StringBuffer的性能(结果与机器速度有关):
 

 
  1. var date1 = new Date();   
  2. var str = "";   
  3. for(i = 0; i < 10; i++) {  
  4.     for(j = 0; j < 10000; j++) {  
  5.         str += "aaaaa";  
  6.     }  
  7. }   
  8. var date2 = new Date();  
  9. document.getElementById("a").innerHTML = (date2.getTime() - date1.getTime());  
  10.  
  11. date1 = new Date();   
  12. var strBuffer = new StringBuffer();   
  13.  
  14. for(i = 0; i < 10;i++) {  
  15.     for(j = 0; j < 10000; j++) {  
  16.         strBuffer.append("aaaaa");  
  17.     }  
  18. }   
  19. var result = strBuffer.toString();   
  20. date2 = new Date();   
  21.  
  22. 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的字符串处理方面的速度是慢的可以了!