javascript 多行文本 function处理方法 及实践应用

javascript没有标准的多行字符串的表示方法，如C#中的

string str=@"多行文本
多行文本";

通常使用的是一行一行的加起来，如：

var str='多行文本'
+'多行文本';

或 使用续行符(\)的方法，如：

var str = "多行文本\
多行文本";

还有一些别的使用字符串join的方动，这里就是详述

这些方法最麻烦的就是行头行尾都有字符，不论从可读性还是可维护性上来说，都是相当的麻烦。

使里介绍一种使用function toString的方法：

个人相对喜欢使用这种方法，虽然这种方法的缺点还是比较明显，就是不能合使JS的组合逻辑，同时容易被压缩工具删除

但优点是相当明显，

例如要在某个element中增加某段HTML代码时

document.body.innerHTML = (function(){/*
    <div>
        ...
    </div>*/}).toString().split('/*')[1].split('*/')[0];

在一些通过JS动态加载HTML的时候，特别是当这段HTML比较长时，优势是不可代替的。

再如，可以动态加载上一些CSS

var s = document.createElement("style");
s.innerHTML= (function(){/*
    body{
    ...
     }
*/}).toString().split('/*')[1].split('*/')[0];
 document.head.appendChild(s);

配合上面HTML的输入，在一些界面也不是太复杂的情况下，即可直接布署出一段界面，同时可以使HTML、JS、CSS的代码相对集中在一起，而不是形成三个文件。

要解决上述的JS的组合逻辑缺点，导也不难，简单写一个类似C#中的string.format的函数，也就可以了。