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 相关文章推荐
js中运算符&amp;&amp; 和 || 的使用记录
Aug 21 Javascript
javascript实现多栏闭合展开式广告位菜单效果实例
Aug 05 Javascript
js实现继承的5种方式
Dec 01 Javascript
jQuery+css实现的换页标签栏效果
Jan 27 Javascript
js+flash实现的5图变换效果广告代码(附演示与demo源码下载)
Apr 01 Javascript
JS中substring与substr的用法
Nov 16 Javascript
关于webpack代码拆分的解析
Jul 20 Javascript
React复制到剪贴板的示例代码
Aug 22 Javascript
highcharts 在angular中的使用示例代码
Sep 20 Javascript
d3绘制基本的柱形图的实现代码
Dec 12 Javascript
小程序hover-class点击态效果实现
Feb 26 Javascript
vue父子组件通信的高级用法示例
Aug 29 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
php mysql Errcode: 28 终极解决方法
2009/07/01 PHP
php 魔术函数使用说明
2010/02/21 PHP
PHP中的插件机制原理和实例
2014/07/08 PHP
PHP与MYSQL中UTF8 中文排序示例代码
2014/10/23 PHP
PHP判断一个数组是另一个数组子集的方法详解
2017/07/31 PHP
PHP匿名函数(闭包函数)详解
2019/03/22 PHP
javascript模块化是什么及其优缺点介绍
2013/09/02 Javascript
jquery 字符串切割函数substring的用法说明
2014/02/11 Javascript
JS对img标签进行优化使用onerror显示默认图像
2014/04/24 Javascript
四种参数传递的形式——URL,超链接,js,form表单
2015/07/24 Javascript
JQuery实现鼠标滚轮滑动到页面节点
2015/07/28 Javascript
fastclick插件导致日期(input[type=&quot;date&quot;])控件无法被触发该如何解决
2015/11/09 Javascript
JS延时提示框实现方法详解
2015/11/26 Javascript
js实现简单的获取验证码按钮效果
2017/03/03 Javascript
Vue如何引入远程JS文件
2017/04/20 Javascript
利用prop-types第三方库对组件的props中的变量进行类型检测
2017/05/02 Javascript
JavaScript数据类型的存储方法详解
2017/08/25 Javascript
关于react-router/react-router-dom v4 history不能访问问题的解决
2018/01/08 Javascript
vue渲染时闪烁{{}}的问题及解决方法
2018/03/28 Javascript
微信小程序onLaunch异步,首页onLoad先执行?
2018/09/20 Javascript
JavaScript模块管理的简单实现方式详解
2019/06/15 Javascript
vue的三种图片引入方式代码实例
2019/11/19 Javascript
vue v-model的用法解析
2020/10/19 Javascript
解决Vue大括号字符换行踩的坑
2020/11/09 Javascript
python 迭代器和iter()函数详解及实例
2017/03/21 Python
python3实现TCP协议的简单服务器和客户端案例(分享)
2017/06/14 Python
利用Python pandas对Excel进行合并的方法示例
2020/11/04 Python
HTML5 标准将把互联网视频扔回到黑暗时代
2010/02/10 HTML / CSS
2015年个人实习工作总结
2014/12/12 职场文书
大学生自荐材料范文
2014/12/30 职场文书
法律意见书范文
2015/06/04 职场文书
反腐倡廉影片观后感
2015/06/08 职场文书
董存瑞观后感
2015/06/11 职场文书
李清照的诗词赏析(20首)
2019/08/22 职场文书
python基础之函数的定义和调用
2021/10/24 Python
Java实现注册登录跳转
2022/06/16 Java/Android