Javascript中拼接大量字符串的方法


Posted in Javascript onFebruary 05, 2015

在php、python中都有heredoc方式的字符串定义方法:

php:

$sql=<<<EOD

select *

from pages

where pagename='$pn'

EOD;

python:
print """

This is an example of a string in the heredoc syntax.

This text can span multiple lines

"""

js拼接大量字符串没个heredoc风格的操作符是比较繁琐的:

拼接方式一:

var str = "\

Here is line one \

And line two \

Finally, line three! \

";
alert(str);

拼接方式二:
     var __template = 

            '<tr>'+

                '<td>#salarySN#</td>'+

                '<td>#name#</td>'+

                '<td>#TDR_NAME#</td>'+

                '<td>#TSD_NAME#</td>'+

                '<td>#WORK_STATUS#</td>'+

                '<td>#isleader_display#</td>'+

                '<td>'

                    +'<a href="javascript:void(-1)">设置角色</a>'

            +'</td></tr>';

JS字符串需要打破原字符串风格,每行处理,这点有点让人受不了。

给个解决方案:

function aHereDoc() {/*

Hello, World!

I am a JavaScript here document.

Use the 'hereDoc' function to extract me.

*/}
function hereDoc(func) {

return func.toString().split(/\n/).slice(1, -1).join('\n');

}

console.log(hereDoc(aHereDoc));

利用func.toString()获取需要批量处理的字符串,利用split(/\n/).slice(1, -1)去掉首尾两行函数定义的代码,重新组装即可。
Javascript 相关文章推荐
javascript 当前日期加(天、周、月、年)
Aug 09 Javascript
元素的内联事件处理函数的特殊作用域在各浏览器中存在差异
Jan 12 Javascript
常见的jQuery选择器汇总
Nov 24 Javascript
JavaScript 学习笔记之基础中的基础
Jan 13 Javascript
原生js验证简洁注册登录页面
Dec 17 Javascript
JS中setTimeout和setInterval的最大延时值详解
Feb 13 Javascript
浅谈vue.js中v-for循环渲染
Jul 26 Javascript
vue + axios get下载文件功能
Sep 25 Javascript
如何实现js拖拽效果及原理解析
May 08 Javascript
微信小程序开发(三):返回上一级页面并刷新操作示例【页面栈】
Jun 01 Javascript
浅谈JavaScript中你可能不知道URL构造函数的属性
Jul 13 Javascript
vue调用本地摄像头实现拍照功能
Aug 14 Javascript
jquery操作select方法汇总
Feb 05 #Javascript
高性能JavaScript模板引擎实现原理详解
Feb 05 #Javascript
jquery操作复选框checkbox的方法汇总
Feb 05 #Javascript
js中hash和ico的关联分析
Feb 05 #Javascript
js与jquery实时监听输入框值的oninput与onpropertychange方法
Feb 05 #Javascript
moment.js轻松实现获取当前日期是当年的第几周
Feb 05 #Javascript
javascript判断移动端访问设备并解析对应CSS的方法
Feb 05 #Javascript
You might like
详解cookie验证的php应用的一种SSO解决办法
2017/10/20 PHP
js导航栏单击事件背景变换示例代码
2014/01/13 Javascript
jquery的live使用注意事项
2014/02/18 Javascript
一个不错的字符串转码解码函数(自写)
2014/07/31 Javascript
一个JavaScript函数把URL参数解析成Json对象
2014/09/24 Javascript
javascript修改图片src的方法
2015/01/27 Javascript
node.js cookie-parser之parser.js
2016/06/06 Javascript
jQuery插件echarts去掉垂直网格线用法示例
2017/03/03 Javascript
详解node.js平台下Express的session与cookie模块包的配置
2017/04/26 Javascript
vue.js数据绑定操作详解
2018/04/23 Javascript
回顾Javascript React基础
2019/06/15 Javascript
Vue项目中使用better-scroll实现菜单映射功能方法
2019/09/11 Javascript
antd form表单数据回显操作
2020/11/02 Javascript
[03:57]2016完美“圣”典风云人物:rOtk专访
2016/12/09 DOTA
[56:46]2018DOTA2亚洲邀请赛 3.31 小组赛 B组 VP vs Effect
2018/04/01 DOTA
Python利用带权重随机数解决抽奖和游戏爆装备问题
2016/06/16 Python
python format 格式化输出方法
2018/07/16 Python
Python基本数据结构之字典类型dict用法分析
2019/06/08 Python
python plotly画柱状图代码实例
2019/12/13 Python
Python bytes string相互转换过程解析
2020/03/05 Python
解决Pytorch自定义层出现多Variable共享内存错误问题
2020/06/28 Python
python制作一个简单的gui 数据库查询界面
2020/11/19 Python
远程学习的教学用品和家庭学习资源:Really Good Stuff
2020/04/27 全球购物
外贸业务员求职自荐信分享
2013/09/21 职场文书
生物技术毕业生自荐信
2013/10/23 职场文书
师范应届毕业生自荐信
2013/11/18 职场文书
中西医专业毕业生职业规划书
2014/02/24 职场文书
西式结婚主持词
2014/03/14 职场文书
《夹竹桃》教学反思
2014/04/20 职场文书
求职信范文大全
2014/05/26 职场文书
党政领导班子四风问题对照检查材料思想汇报
2014/10/02 职场文书
支部书记四风问题对照检查材料
2014/10/04 职场文书
父亲节寄语大全
2015/02/27 职场文书
反腐倡廉心得体会2016
2016/01/13 职场文书
利用python进行数据加载
2021/06/20 Python
Win11 KB5015814遇安装失败 影响开始菜单性能解决方法
2022/07/15 数码科技