ECMAScript的字符串連接

之前做Flash的時候還不是很清楚ECMAScript是什麼，現在看Javascript的書看了一遍ECMAScript，方纔瞭解了ECMAScript和ActionScript以及 Javascript的關係。

現在用as3做東西的時候，你如果用 myString += "hello" 的形式，編譯時會 warning 最好用 append的方法，當時還是不理解，現在看了ECMAScript的字符串連接才清楚是怎麼回事。

var myString = "hello "
myString += "world" 會執行

1.創建存儲 "hello" 的字符串
2.創建存儲 "world" 的字符串
3.創建存儲結果的字符串
4.把 myString 的當前內容複製到結果中
5.把 "world" 複製到結果中
6.更新 myString ，使它指向結果

單單執行幾次可以，但是執行次數多了就出現性能問題了，爲此做了比較

1. <script type="text/javascript">
2. <!--
4.     function StringBuffer(){
5.         //alert("StringBuffer");
6.         this._strings = new Array();
7.     }
9.     StringBuffer.prototype.append = function (str){
10.         //alert("append: " + str);
11.         this._strings.push(str);
12.     }
14.     StringBuffer.prototype.toSting = function(){
15.         return this._strings.join("");
16.     }
17.     
18.     var d1 = new Date();
19.     var str = "";
20.     for (var i=0; i < 10000; i++)
21.     {
22.         str += "text";
23.     }
24.     var d2 = new Date();
25.     
26.     document.write("Concatenation with plus: " + (d2.getTime()-d1.getTime()) + "millisenconds");
27.     
29.     var oBuffer = new StringBuffer();
30.     var d3 = new Date();
32.     for (var j=0; j < 10000; j++)
33.     {
34.         oBuffer.append("text");
35.     }
37.     var sResult = oBuffer.toString();
38.     var d4 = new Date();
40.     document.write("<br /> Concatenation with StringBuffer :" + (d4.getTime()-d3.getTime()) + "millisenconds");
41.     
42. //-->
43. </script>

結果是 ：<script type="text/javascript">:： ：：：就