JavaScript中String和StringBuffer的速度之争_javascript技巧
程序员文章站
2022-03-28 23:23:45
...
显示情况时Javascript中并没有StringBuffer类,一种主流的Javascript StringBuffer类的实现是通过prototype构造一个StringBuffer类。
StringBuffer.js
function StringBuffer(){
this.content = new Array;
}
StringBuffer.prototype.append = function( str ){
this.content.push( str );
}
StringBuffer.prototype.toString = function(){
return this.content.join("");
}
现在让我们写一个测试用例:
TestStringBUffer.html
test
现在让我们来测试下,看看会有什么发生:
IE8:
Sting use time:11ms
StringBuffer use time:47ms
结果是StringBuffer不但没有比String效率高,反而使低了不少。难道是前辈们错了?
那让我们再在别的浏览器中看看吧:
IE7:
Sting use time:266ms
StringBuffer use time:78ms
IE7中StringBuffer的优势很明显。
可以看到,在现在的主流浏览器中,都对String类的字符串连接作了优化,所以性能要好于自定义的StringBuffer类,但是在比较老的浏览器中,StringBuffer类的优势仍然很明显。具体在实际中就需要对浏览器进行判断。
StringBuffer.js
复制代码 代码如下:
function StringBuffer(){
this.content = new Array;
}
StringBuffer.prototype.append = function( str ){
this.content.push( str );
}
StringBuffer.prototype.toString = function(){
return this.content.join("");
}
现在让我们写一个测试用例:
TestStringBUffer.html
复制代码 代码如下:
现在让我们来测试下,看看会有什么发生:
IE8:
Sting use time:11ms
StringBuffer use time:47ms
结果是StringBuffer不但没有比String效率高,反而使低了不少。难道是前辈们错了?
那让我们再在别的浏览器中看看吧:
IE7:
Sting use time:266ms
StringBuffer use time:78ms
IE7中StringBuffer的优势很明显。
可以看到,在现在的主流浏览器中,都对String类的字符串连接作了优化,所以性能要好于自定义的StringBuffer类,但是在比较老的浏览器中,StringBuffer类的优势仍然很明显。具体在实际中就需要对浏览器进行判断。
推荐阅读
-
JavaScript中的apply()方法和call()方法使用介绍_javascript技巧
-
Javascript-Mozilla和IE中的一个函数直接量的问题分析_javascript技巧
-
JavaScript中各种编码解码函数的区别和注意事项_javascript技巧
-
js和jquery中循环的退出和继续学习记录_javascript技巧
-
js中利用tagname和id获取元素的方法_javascript技巧
-
javascript中数组(Array)对象和字符串(String)对象的常用方法总结
-
工作中遇到的HTML和CSS布局和JavaScript技巧记录分享
-
javascript中数组(Array)对象和字符串(String)对象的常用方法总结
-
Javascript中3种实现继承的方法和代码实例_javascript技巧
-
JavaScript中的null和undefined解析_javascript技巧