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 相关文章推荐
JQuery 构建客户/服务分离的链接模型中Table中的排序分析
Jan 22 Javascript
Json对象替换字符串占位符实现代码
Nov 17 Javascript
情人节专属 纯js脚本1k大小的3D玫瑰效果
Feb 11 Javascript
JS实现让网页背景图片斜向移动的方法
Feb 25 Javascript
JavaScript高级程序设计(第三版)学习笔记1~5章
Mar 11 Javascript
javascript字符串对象常用api函数小结(连接,替换,分割,转换等)
Sep 20 Javascript
jquery实现百叶窗效果
Jan 12 Javascript
js仿微信公众平台打标签功能
Apr 08 Javascript
jQuery插件FusionCharts绘制的2D条状图效果【附demo源码】
May 13 jQuery
写给新手同学的vuex快速上手指北小结
Apr 14 Javascript
es6函数之箭头函数用法实例详解
Apr 25 Javascript
小程序分享链接onShareAppMessage的具体用法
May 22 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
MySQL中create table语句的基本语法是
2007/01/15 PHP
Linux安装配置php环境的方法
2016/01/14 PHP
PHP+Session防止表单重复提交的解决方法
2018/04/09 PHP
php获得刚插入数据的id 的几种方法总结
2018/05/31 PHP
PHP实现页面静态化深入讲解
2021/03/04 PHP
关于JavaScript的gzip静态压缩方法
2007/01/05 Javascript
原生js实现焦点轮播图效果
2017/01/12 Javascript
PHP实现本地图片上传和验证功能
2017/02/27 Javascript
jQuery实现页面倒计时并刷新效果
2017/03/13 Javascript
js嵌套的数组扁平化:将多维数组变成一维数组以及push()与concat()区别的讲解
2019/01/19 Javascript
Vue中错误图片的处理的实现代码
2019/11/07 Javascript
vue实现计算器功能
2020/02/22 Javascript
12 种使用Vue 的最佳做法
2020/03/30 Javascript
Element PageHeader页头的使用方法
2020/07/26 Javascript
element-ui 弹窗组件封装的步骤
2021/01/22 Javascript
收集的几个Python小技巧分享
2014/11/22 Python
Python类的定义、继承及类对象使用方法简明教程
2015/05/08 Python
Python获取本机所有网卡ip,掩码和广播地址实例代码
2018/01/22 Python
python书籍信息爬虫实例
2018/03/19 Python
Php多进程实现代码
2018/05/07 Python
python抓取网站的图片并下载到本地的方法
2018/05/22 Python
Python+pandas计算数据相关系数的实例
2018/07/03 Python
手把手教你如何安装Pycharm(详细图文教程)
2018/11/28 Python
pandas修改DataFrame列名的实现方法
2019/02/22 Python
python实现从本地摄像头和网络摄像头截取图片功能
2019/07/11 Python
Python反爬虫伪装浏览器进行爬虫
2020/02/28 Python
Otticanet英国:最顶尖的世界名牌眼镜, 能得到打折季的价格
2019/02/10 全球购物
英国最受信任的在线眼镜商之一:Fashion Eyewear
2019/10/31 全球购物
银行员工职业规划范文
2014/01/21 职场文书
认识深刻的检讨书
2014/02/16 职场文书
2015最新婚礼主持词
2015/06/30 职场文书
幼儿园亲子活动感想
2015/08/07 职场文书
改进工作作风心得体会
2016/01/23 职场文书
高一英语教学反思
2016/03/03 职场文书
MySQL索引失效的典型案例
2021/06/05 MySQL
gtx1650怎么样 gtx1650显卡相当于什么级别
2022/04/08 数码科技