Oo缘来是你oO


posts - 120,comments - 125,trackbacks - 0

JavaScript中字符串连接性能优化

        -- JavaScript 学习笔记

马嘉楠    2008-12-19

 

var str = "hello"
str 
+= " world"

 

后台所做工作:

1)创建存储 "hello" 的字符串,且使 str 指向它。

2)创建存储 "world" 的字符串。

3)创建存储结果的字符串。

4)将 str 中的当前内容复制到结果字符串中。

5)把 world 复制到结果字符串中。

6)更新 str ,使 str 指向结果字符串。

 

每拼接一次字符串就循环重复2)~6),如果重复成百上千次则会非常消耗资源,影响性能。

 

解决方法:

使用 Array 对象存储字符串,之后使用 join()方法输出结果。

仿照 Java 中的 StringBuffer 类。

 

    function StringBuffer(){ 
        
this._strings = new
 Array; 
    } 
    StringBuffer.prototype.append 
= function
 (str){ 
        
this
._strings.push(str); 
    } 
    StringBuffer.prototype.toString 
= function
 (){ 
        
return this._strings.join(""
); 
    } 

 

测试性能:

代码1:使用 "+=" 拼接字符串

 

var d = new Date(); 
var str = ""

for(var i=0;i<10000;i++
){ 
    str 
+= "test"



var d2 = new
 Date(); 
document.writeln(d2.getTime()
-d.getTime()); 

 

代码2:使用 StringBuffer

 

var d = new Date(); 
var str = new
 StringBuffer(); 
for(var i=0;i<10000;i++
){ 
    str.append(
"test"
); 

var res =
 str.toString(); 
var d2 = new
 Date(); 
document.writeln(d2.getTime()
-d.getTime()); 

 

从多次测试结果看来,使用StringBuffer 可以节省50%以上的时间。



马嘉楠
jianan.ma@gmail.com

posted on 2008-12-20 00:09 马嘉楠 阅读(454) 评论(0)  编辑  收藏 所属分类: Java Script

只有注册用户登录后才能发表评论。


网站导航: