关于字符串拼接优化

最新推荐文章于 2024-09-03 06:45:00 发布

原创最新推荐文章于 2024-09-03 06:45:00 发布 · 799 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#js

本文通过模拟Java中的StringBuffer类，在前端JavaScript环境中进行了字符串拼接效率的测试，并对比了使用+号直接拼接字符串的方法。实验结果表明，现代浏览器已对+号拼接进行了优化，直接使用+号进行字符串拼接更为高效。

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

在探讨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处理“+”号拼接字符串时做出优化，可以直接使用“+”号拼接。

代码部分引用未知作者