在JavaScript中创建多行字符串

我在Ruby中有以下代码。我想把这段代码转换成JavaScript。JS中的等效代码是什么？

text = <<"HERE"
This
Is
A
Multiline
String
HERE

当前回答

ES6更新：

正如第一个答案所提到的，使用ES6/Babel，您现在只需使用反引号即可创建多行字符串：

const htmlString = `Say hello to 
multi-line
strings!`;

内插变量是一个流行的新功能，带有反勾分隔字符串：

const htmlString = `${user.name} liked your post about strings`;

这只是将文件转换为串联：

user.name + ' liked your post about strings'

ES5原始答案：

谷歌的JavaScript风格指南建议使用字符串连接而不是转义换行：不要这样做：var myString='相当长的英文文本字符串，错误消息\事实上，这是一个错误\让精力充沛的兔子脸红的信息\那些施瓦辛格的阴影）！我在哪里？哦，是的\你有一个错误，所有多余的空格都是\只是肉汁。祝你今天愉快；在编译时，不能安全地删除每行开头的空白；斜杠后的空白将导致棘手的错误；虽然大多数脚本引擎都支持这一点，但它不是ECMAScript的一部分。请改用字符串串联：var myString='相当长的英文文本字符串，错误消息'+“事实上，这是一个错误”+“让Energizer兔子脸红的消息（直接通过）”+那些施瓦辛格的阴影）！我在哪里？哦，是的，”+'您有一个错误，所有多余的空格都是'+只是肉汁。祝你今天愉快；

2011-06-06 02:30:45

其他回答

这适用于IE、Safari、Chrome和Firefox：

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<div class="crazy_idea" thorn_in_my_side='<table  border="0">
                        <tr>
                            <td ><span class="mlayouttablecellsdynamic">PACKAGE price $65.00</span></td>
                        </tr>
                    </table>'></div>
<script type="text/javascript">
    alert($(".crazy_idea").attr("thorn_in_my_side"));
</script>

2010-11-23 16:46:29

模式text=<<“HERE”这是一个多行字符串HERE在js中是不可用的（我记得在我以前的Perl时代经常使用它）。

为了保持对复杂或长的多行字符串的监督，我有时使用数组模式：

var myString = 
   ['<div id="someId">',
    'some content<br />',
    '<a href="#someRef">someRefTxt</a>',
    '</div>'
   ].join('\n');

或者匿名者已经显示的模式（转义换行符），这可能是代码中的一个丑陋的块：

    var myString = 
       '<div id="someId"> \
some content<br /> \
<a href="#someRef">someRefTxt</a> \
</div>';

这是另一个奇怪但有效的“技巧”1：

var myString = (function () {/*
   <div id="someId">
     some content<br />
     <a href="#someRef">someRefTxt</a>
    </div>        
*/}).toString().match(/[^]*\/\*([^]*)\*\/\}$/)[1];

外部编辑：jsfiddle

ES20xx支持使用模板字符串跨多行生成字符串：

let str = `This is a text
    with multiple lines.
    Escapes are interpreted,
    \n is a newline.`;
let str = String.raw`This is a text
    with multiple lines.
    Escapes are not interpreted,
    \n is not a newline.`;

1注意：缩小/模糊代码后，这将丢失

2009-04-30 07:22:29

更新：

ECMAScript6（ES6）引入了一种新的文本类型，即模板文本。它们有很多特性，变量插值等等，但对于这个问题最重要的是，它们可以是多行的。

模板文本由反引号分隔：

var html = `
  <div>
    <span>Some HTML here</span>
  </div>
`;

（注意：我并不主张在字符串中使用HTML）

浏览器支持是可以的，但您可以使用更兼容的转发器。

ES5原始答案：

Javascript没有here文档语法。但是，您可以转义字面换行符，这很接近：

"foo \
bar"

2009-04-30 02:15:20

有这样一个图书馆，它很漂亮：

https://github.com/sindresorhus/multiline

之前

var str = '' +
'<!doctype html>' +
'<html>' +
'   <body>' +
'       <h1>❤ unicorns</h1>' +
'   </body>' +
'</html>' +
'';

之后

var str = multiline(function(){/*
<!doctype html>
<html>
    <body>
        <h1>❤ unicorns</h1>
    </body>
</html>
*/});

2014-04-25 11:34:57

如果您愿意使用转义换行符，它们可以很好地使用。它看起来像带有页面边框的文档。

2015-04-28 18:31:00

在JavaScript中创建多行字符串

推荐文章

最新文章

标签