关于字符串拼接优化

优秀的前端工程师，应该熟悉后端之道。    ---菜鸟自述

在探讨Java的路上欲走越远，发现企业级开发使用json拼串，喜欢使用StringBuffer类中apend方法进行连接，原理因为StringBuffer在内存空间使用上，不会开辟新的变量，而会在自己原有的基础上进行操作。这样大大减少了内存消耗，但作为前端工程师一般使用“+”进行连接字符串，做了以下测试：

function StringBuffer(){   //模仿Java中StringBuffer类
			this.content = new Array; 
		} 
		StringBuffer.prototype.append = function( str ){ 
			this.content.push( str ); 
		} 
		StringBuffer.prototype.toString = function(){ 
			return this.content.join(""); 
		} 

		function testStringBuffer(){ //操作时间对比
			var date1 = new Date(); 
			var str; 
			for( var i=0; i<100000; i++){ 
				str += "text"; 
			} 
			var date2 = new Date(); 
			document.writeln("Sting use time:"+ (date2 - date1) +"ms"); 
			var date3 = new Date(); 
			var strBuffer = new StringBuffer(); 
			for(i=0; i<100000; i++){ 
				strBuffer.append("text"); 
			} 
			strBuffer.toString(); 
			var date4 = new Date(); 
			document.writeln("<br/>StringBuffer use time:"+ (date4 - date3) +"ms"); 
		} 
		
		testStringBuffer();

发现其运行效率差异：( 测试环境  chrome 48.0.2564.116 (64-bit) )

Sting use time:3ms 
StringBuffer use time:12ms

总结：现代浏览器均在js处理“+”号拼接字符串时做出优化，可以直接使用“+”号拼接。

      代码部分引用未知作者