js 中多行模板 解决方案---使用注释

来源:互联网 发布:有个网络歌手老头唱歌 编辑:程序博客网 时间:2024/05/29 14:25

经常需要在js中写多行html的模板

以前有两种方案:一是直接在js里面敲回车 和引号

二是在html 里面创建一个 隐藏的html,通过js 读取html 里面的内容(有问题,会导致模板和最终绘制的  页面 上有重复的元素)

三是 使用<script type="text/html"></script> 将模板包起来


最近看mock.js 的代码 发现了一个更好的解决方案,使用js注释 做为模板,核心代码如下




function hehe()

{
 /*asdfsfsdf
  asdfasdfsa
 asdfasdf*/
}

console.log(hehe.toString().replace(/^[^\/]+\/\*!?/, '').replace(/\*\/[^\/]+$/, ''));


参考文档:

http://mockjs.com/

http://stackoverflow.com/questions/805107/creating-multiline-strings-in-javascript

0 0
原创粉丝点击