JavaScript 學習筆記（七）字串的串連

字串的串連
一、 最常用+=
一直說這種方式的效率是最低的，為什麼呢？可以看下這種方式的實質過程。
var str = "hello";
str += "world";
(1) 建立儲存"hello"的字串。
(2) 建立儲存"world"的字串。
(3) 建立儲存串連結果的字串。
(4) 把str的當前內容複寫到結果中。
(5) 把"world"複製到結果中。
(6) 更新str，使它指向結果。
每次完成字串串連都會執行步驟2到6，使得這種操作非常消耗資源。如果重複這一過程幾百次，甚至幾千次，就會造成效能問題。所有以後就要摒棄這種用法了，哈哈哈。^_^
二、 join()方法 複製代碼 代碼如下://按鈕調用
function JoinFn() {
var arr = new Array;
arr[0] = "張三";
arr[1] = "李四";
alert(arr.join(""));
}

執行的步驟如下：
(1) 建立儲存結果的字串。
(2) 把每個字串複製到結果中的合適位置。
這中方法效率比第一種快。
三、 封裝一個自訂的類
JavaScript中沒有像C#中那樣的StringBuilder類，但是我們可以自訂一個StringBuilder類，建類的方法就是上一篇提到的“混合的建構函式/原型方式”。 複製代碼 代碼如下://自訂一個StringBuilder類，用來連接字串
function StringBuilder() {
this._strings = new Array();
}
StringBuilder.prototype.append = function(str) {
this._strings.push(str);
};
StringBuilder.prototype.toString = function() {
return this._strings.join("");
};
//按鈕調用
function MyConnectClassFn() {
var sb = new StringBuilder();
sb.append("張三");
sb.append("李四");
var strResult = sb.toString();
alert(strResult);
}

總結
最後比較以上這三種方法，書上說最後一種速度最快，但是經過我測試，貌似join()是最快的，第三種反而是最慢的，難道我的自訂StringBuilder類有問題？