在JavaScript中创建多行字符串

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

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

当前回答

ES6的方法是使用模板文字：

const str = `This 

is 

a

multiline text`; 

console.log(str);

此处提供更多参考

2018-07-13 17:25:51

其他回答

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

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

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

如果恰好在Node中运行，则可以使用fs模块从文件中读入多行字符串：

var diagram;
var fs = require('fs');
fs.readFile( __dirname + '/diagram.txt', function (err, data) {
  if (err) {
    throw err; 
  }
  diagram = data.toString();
});

2014-09-09 00:02:29

我很惊讶我没有看到这一点，因为它在我测试过的任何地方都有效，并且对模板非常有用：

<script type="bogus" id="multi">
    My
    multiline
    string
</script>
<script>
    alert($('#multi').html());
</script>

有人知道有HTML但不起作用的环境吗？

2012-01-03 19:51:51

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

2015-04-28 18:31:00

在JavaScript中创建多行字符串

推荐文章

最新文章

标签