JavaScript 字符串拼接性能优化：StringBuffer 实现与对比

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

后台执行流程：

1）构建包含 "hello" 的字符串对象，并使 str 变量指向该对象。

2）构建包含 "world" 的字符串对象。

3）构建用于存储最终拼接结果的字符串对象。

4）将 str 指向的字符串内容复制至结果字符串。

5）将 "world" 内容复制至结果字符串。

6）更新 str 变量，使其指向新的结果字符串。

每次拼接操作均需重复步骤2至6，若执行数百或数千次，将极大消耗系统资源并显著降低性能。

基于 Array 的 StringBuffer 实现

优化方案：

采用 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%的运行时间。