知识大全在JavaScript里嵌入大量字符串常量的实现方法

Posted 2022-07-20 知

篇首语：听闻少年二字，当与平庸相斥。本文由小常识网(cha138.com)小编为大家整理，主要介绍了知识大全在JavaScript里嵌入大量字符串常量的实现方法相关的知识，希望对你有一定的参考价值。

在JavaScript里嵌入大量字符串常量的实现方法 以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容，让我们赶快一起来看一下吧！

在JavaScript文件里嵌入大量字符串常量是经常遇到的事有时为了省事就把一些界面的HTML和CSS直接写在JS文件里

　　数量少还好多的话就密密麻麻的一坨文字讲究美观的文艺青年们会用大量的字符连接符号甚至加上缩进强制换成好几行例如

复制代码代码如下: var = <div> + <p>Hello</p> + <p>World </p> + </div> ;

　　这还好要是字符串里有不少双引号单引号那就更麻烦了各种转义字符看的眼花缭乱

　　其实有个不怎么起眼的小技巧就能解决这个问题大家总认为字符串必须在" "或里面这点没错但还有一个地方的字符串也能当非代码语义保存下来那就是一个function的toString 把整个函数的代码当字符串输出——其中的注释部分当然也是保留的！

　　所以我们写个空函数里面就一个/**/注释其中就是我们想要的常量内容 toString后加一个正则就可以提取我们想要的！

　　马上试试

复制代码代码如下: var RES_CODE = _TEXT(function()/* #include <iostream>

　　int main() std::cout << "Hello world" << std::endl; return ; */);

　　var RES_POEM = _TEXT(function()/* 更吹落星如雨宝马雕车香满路凤箫声动玉壶光转一夜鱼龙舞蛾儿雪柳黄金缕笑语盈盈暗香去众里寻他千百度蓦然回首那人却在灯火阑珊处 */);

　　var RES_XML = _TEXT(function()/* <projectDescription> <name>Hello</name> <ment></ment> <projects> </projects> <buildSpec> <buildCommand> <name> adobe flexbuilder project flexbuilder</name> <arguments> </arguments> </buildCommand> <buildCommand> <name> adobe flexbuilder project apollobuilder</name> <arguments> </arguments> </buildCommand> </buildSpec> </projectDescription> */);

　　function _TEXT(wrap) return wrap toString() match(//*s([sS]*)s*//)[ ]; alert(RES_CODE); alert(RES_POEM); alert(RES_XML);

　　OK！就是Chrome里把注释每行前面的Tab去掉了如果仅仅是放代码的话问题也不大~ 当然有个前提是字符里不能出现*/

cha138/Article/program/Java/JSP/201311/19864

知识大全 在JavaScript里嵌入大量字符串常量的实现方法

知识大全在JavaScript里嵌入大量字符串常量的实现方法