在JavaScript中创建多行字符串

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

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

当前回答

ES6允许您使用反勾号在多行上指定字符串。它被称为模板文字。这样地：

var multilineString = `One line of text
    second line of text
    third line of text
    fourth line of text`;

在NodeJS中使用backtick，Chrome、Firefox、Edge、Safari和Opera都支持它。

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals

2016-03-28 18:43:26

其他回答

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

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

这适用于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

我喜欢这种语法和含义：

string = 'my long string...\n'
       + 'continue here\n'
       + 'and here.';

（但实际上不能视为多行字符串）

2011-12-13 20:09:10

总之，我在用户javascript编程（Opera 11.01）中尝试了两种方法：

这一个不起作用：在JavaScript中创建多行字符串这非常有效，我还找到了如何让它在Notepad++源代码视图中看起来很好：在JavaScript中创建多行字符串

所以我推荐Opera用户JS用户的工作方法。与作者所说的不同：

它不适用于萤火虫或歌剧；仅在IE、chrome和safari上。

它在歌剧11中确实有效。至少在用户JS脚本中。遗憾的是，我不能对个人答案发表评论，也不能对答案进行投票，我会立即这样做。如果可能，请有更高权限的人帮我做。

2011-05-20 13:10:33

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

在JavaScript中创建多行字符串

推荐文章

最新文章

标签