javascript 字符串拼接效率问题

xiaozhiqiang15 2013-11-23 01:24:23
看到项目中有这样的写法:

var html = new String;
html = html.concat("<div>...</div>");
return html;


而本人拼接字符串喜欢这样:

var html = "";
html += "<div>...</div>";
return html;


大神们分析下哪种写法好些。
...全文
612 7 打赏 收藏 转发到动态 举报
写回复
用AI写文章
7 条回复
切换为时间正序
请发表友善的回复…
发表回复
雪狐 2013-12-17
  • 打赏
  • 举报
回复
IE浏览器不同,JS的引擎也不一样,join这种方法在老版浏览器比如IE6上比较快,到了后期的IE8,两种写法性能差不多
xiaoqcn 2013-12-16
  • 打赏
  • 举报
回复
我看到的很多写法都是
var builder = [];
builder.push("<div>...</div>");
return builder.join('');
MiceRice 2013-11-25
  • 打赏
  • 举报
回复
引用 3 楼 xiaozhiqiang15 的回复:
这两种写法完全没区别?不可能吧
这类比较意义不大,不同浏览器下的性能表现是有很大差异的,因为大家的JavaScript引擎不同。 但新的浏览器都会更注重对 += 之类字符串连接的进行优化,毕竟这种书写习惯是最多的。 所以,就用“+”吧。
xiaozhiqiang15 2013-11-23
  • 打赏
  • 举报
回复

var html = new String;
是不是应该写成这样:

var html = new String();
看起来是写错了,但运行又没问题。
xiaozhiqiang15 2013-11-23
  • 打赏
  • 举报
回复
这两种写法完全没区别?不可能吧
wangweimutou 2013-11-23
  • 打赏
  • 举报
回复
都行吧,不过字符间减少空格的使用
Todd_Pointer 2013-11-23
  • 打赏
  • 举报
回复
没什么区别吧。 如果是大量字符串拼接的话,比如说1000个拼成一个, 用join可能会快些。不过现在的js解释器都很牛X了,优化功夫做得也很足。
JavaScript极速狂飙:组合拼接字符串的效率JavaScript极速狂飙:CSS样式表的背景渲染效率JavaScript面向对象的支持--(1)JavaScript面向对象的支持--(2)JavaScript面向对象的支持--(3)JavaScript面向对象的支持--(4)JavaScript面向对象的支持--(5)JavaScript面向对象的支持--(6)JavaScript精简学习1:基础知识JavaScript精简学习2:浏览器输出JavaScript精简学习3:图像JavaScript精简学习4:表单事半功倍之Javascript--(1)事半功倍之Javascript--(2)事半功倍之Javascript--(3)事半功倍之Javascript--(4)JavaScript教程--从入门到精通--(1)JavaScript教程--从入门到精通--(2)JavaScript教程--从入门到精通--(3)JavaScript教程--从入门到精通--(5)JavaScript教程--从入门到精通--(6)JavaScript教程--从入门到精通--(7)JavaScript教程--从入门到精通--(8)JavaScript教程--从入门到精通--(9)悟透JavaScript(李站老师)-编程的快乐悟透JavaScript(李站老师)-初看原型悟透JavaScript(李站老师)-对象素描悟透JavaScript(李站老师)-放下对象悟透JavaScript(李站老师)-构造对象悟透JavaScript(李站老师)-原型扩展用javascript操作 asp .net TextBox控件用javascript操作 asp .net Label控件用javascript操作 asp .net TextBox控件 下用javascript操作asp.net label控件 外一篇用javascript改变onclick调用的函数用JavaScript加密保护网站页面用Javascript检测网速的方法用Javascript评估用户输入密码的强度用JavaScript实现仿Windows关机效果用javascript实现进度条用javascript怎样实现图片模糊效果《ExtJS2.0实用简明教程》之Border区域布局《ExtJS2.0实用简明教程》之Ext类库简介《ExtJS2.0实用简明教程》之布局概述《ExtJS2.0实用简明教程》之获得ExtJS《ExtJS2.0实用简明教程》之应用ExtJSjs访问xml之遍历节点树js访问xml之创建xmlDocumentjs访问xml之根节点操作js访问xml之节点操作(1)js访问xml之节点操作(2) js访问xml之节点对象属性和方法js访问xml之删除一个book元素节点js访问xml之添加一个book元素节点【JS】兼容ff的加入收藏和设为首页【补】【sina】绕过sina博客的限制,超级BT执行Javascript【blog】介绍一下给sina博客加背景音乐的办法【Blog】再次解说博客加音乐的办法张孝祥JavaScript教程笔记:HTML基础张孝祥JavaScript教程笔记:HTML基础(二)张孝祥JavaScript教程笔记:HTML基础(三)-URL,图像标签,图像地图JavaScript经典效果集锦(一)JavaScript经典效果集锦(二)JavaScript经典效果集锦(三)Javascript技术技巧大全(一)Javascript技术技巧大全(二)Javascript技术技巧大全(三)Javascript技术技巧大全(四)Javascript技术技巧大全(五)JavaScript[对象.属性]集锦之一

25,980

社区成员

发帖
与我相关
我的任务
社区描述
高性能WEB开发
社区管理员
  • 高性能WEB开发社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧