在 JavaScript 中如何创建多行字符串(JavaScript Multiline String)

 

在 JavaScript 中如何创建多行字符串(JavaScript Multiline String)

最基本的做法是：

js 代码

var str = "111\n222\n333";

但是这样不好排版。JavaScript 本身支持“\”的断句方式，于是可以这样写：

js 代码

var str = "111\n\
222\n\
333";

但是还是不爽，平白无故加上了一个反斜杠。有人提出利用 XML 结构来实现，但是具有语法高亮的编辑器通常会被这种写法弄糊涂。

高人无处不在，有人竟然利用注释。个人觉得这是最方便的了。我将其改了一下：

js 代码

Function.prototype.getMultiLine = function() {
    var lines = new String(this);
    lines = lines.substring(lines.indexOf("/*") + 3, lines.lastIndexOf("*/"));
    return lines;
}

var ffff = function() {
    /*
    张三去倒水<br/>
    <strong>天哪！</strong>
    */
}

document.write(ffff.getMultiLine());

这样虽然多写了一点，但是能够保持多行文本的原样，值得。

 

在Javascript中给变量赋多行字符串的方法

    今天写JS的时候，遇到一个需求，我需要将一个文本文件的内容作为一个字符串赋值给一个变量，这个文本文件是多行的。首先，我想到了，将文本文件中的所有换行符替换成\n，将所有双引号替换成\"，这样就可以将这个多行文本转换成单行文本了。不过，如果JS有类似于PHP的字符串定界符的话，就更好了。于是，在网上搜索了一下，找到了两个方法


我的文本文件内容：

Line1
Line2Line2
Line3

方法一（支持Firefox）

     这个方法的原理是生成一个XML节点。因为XML可以使用CDATA来生成多行文本。然后，再将这个节点转换成字符串，就可以得到一个多行文本了。不过这个方法只在支持E4X的浏览器上有效。经过测试，Firefox3.0支持，IE7.0不支持。

代码如下：

var str = (<r><![CDATA[
Line1
Line2Line2
Line3
]]></r>).toString();

alert(str);

方法二（支持IE）

     这个方法相当有创意，是网络上某个高人的杰作。
     方法的原理是将多行文本写在一个函数体的多行注释内，然后，通过字符串解析函数，将多行文本分离出来，这样，整个文件内容也可以原封不动的复制到JS代码中。不过这个方法只在IE里支持，Firefox会将注释代码从函数体中移除。

Function.prototype.getMultiline = function() 
{ 
    var lines = new String(this);  
    lines = lines.substring(lines.indexOf("/*\r\n") + 4, lines.lastIndexOf("*/"));  
    return lines; 
}   
var str = function() {  
/*
Line1
Line2Line2
Line3
*/
}.getMultiline();

alert(str);