javascript里的StringBuilder

 

听闻IE下面使用javascript多次拼接一个String会带来很严重的性能问题，于是就做了一个简单的测试。

测试内容，进行10000次字符串的拼接操作，实现代码：

var  sTest  =   '' ;
var  d1  =  ( new  Date()).getTime();
for ( var  i = 0 ;i < 10000 ;i ++ ){
    sTest  +=   ' test ' ;
}
var  d2  =  ( new  Date()).getTime();
document.writeln( ' common method :  ' +  (d2 - d1).toString());

 

测试数据：

IE  common method : 422

FireFox  common method : 62

测试结果表明：在本次测试中Firefox以优异的性能胜出，而IE的表现则奇差无比。事实证明，IE不但在DOM标准的实现上面远远落后，而且很多处理js的方式，导致js在IE中的运行效率及其低下。所以，建议以后的所有Web2.0站点都使用Firefox进行浏览。

对于IE这种问题，可以自己构建一个StringBuilder类来解决，实现代码：

  
  

   
   

    
    var
    
     StringBuilder 
    
    =
    
     
    
    function
    
    (){
    
    
    this
    
    ._sArray 
    
    =
    
     
    
    new
    
     Array();
}
StringBuilder.prototype.append 
    
    =
    
     
    
    function
    
    (str){
    
    
    this
    
    ._sArray.push(str);
}
StringBuilder.prototype.toString 
    
    =
    
     
    
    function
    
    (){
    
    
    return
    
     
    
    this
    
    ._sArray.join(
    
    ''
    
    );
}
   
   
  
  

测试代码：

 

d1  =  ( new  Date()).getTime(); 
var  sb  =   new  StringBuilder();
for ( var  i = 0 ;i < 10000 ;i ++ ){
sb.append(’test2′);
}
sTest  =  sb.toString();
d2  =  ( new  Date()).getTime();
document.writeln(’StringBuilder method : ‘ +  (d2 - d1).toString());

 

重新测试结果：

IE  StringBuilder method : 94

FireFox  StringBuilder method : 63

对于IE来说，好像String拼接的低效问题得到了比较好的解决，而对于Firefox来说，效果微乎其微，因为FireFox本来就没有这样的问题。