在JavaScript中创建多行字符串

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

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

当前回答

在这里找到了很多过度设计的答案。我认为最好的两个答案是：

 let str = `Multiline string.
            foo.
            bar.`

其最终记录：

Multiline string.
           foo.
           bar.

let str = `Multiline string.
foo.
bar.`

这会正确地记录它，但如果str嵌套在函数/对象等内部，则脚本文件中会很难看。：

Multiline string.
foo.
bar.

我非常简单的回答是用正则表达式正确记录str：

let str = `Multiline string.
           foo.
           bar.`.replace(/\n +/g, '\n');

请注意，这不是一个完美的解决方案，但如果您确定在新行（\n）之后至少会出现一个空格（+表示至少出现一次），则可以使用。它还可以与*（零或更多）一起使用。

您可以更明确地使用｛n，｝，这意味着至少出现n次。

其他回答

2015年更新：现在已经过了六年：大多数人使用模块加载器，主要模块系统都有加载模板的方法。它不是内联的，但最常见的多行字符串类型是模板，无论如何，模板应该被排除在JS之外。

require.js：'需要文本'。

使用require.js“text”插件，在template.html中使用多行模板

var template = require('text!template.html')

NPM/browserify:“brfs”模块

Browserify使用“brfs”模块加载文本文件。这实际上会将模板构建到捆绑的HTML中。

var fs = require("fs");
var template = fs.readFileSync(template.html', 'utf8');

容易的

我通过输出一个div，使其隐藏，并在需要时通过jQuery调用div id来解决这个问题。

e.g.

<div id="UniqueID" style="display:none;">
     Strings
     On
     Multiple
     Lines
     Here
</div>

然后，当我需要获取字符串时，我只需使用以下jQuery：

$('#UniqueID').html();

它会在多行上返回我的文本。如果我打电话

alert($('#UniqueID').html());

我得到：

在Javascrip中创建多行字符串最简单的方法是使用反引号（``）。这允许您创建多行字符串，在其中可以插入带有${variableName}的变量。

例子：

let name='Willem'；假设年龄=26岁；让multilineString=`我的名字是：$｛name｝我的年龄是：${age}`;console.log（multilineString）；

兼容性：

它在ES6//es2015中介绍现在，所有主要浏览器供应商（internet explorer除外）都支持它

在此处查看Mozilla文档中的确切兼容性

出于对互联网的热爱，请使用字符串连接，并选择不使用ES6解决方案。ES6并不是全面支持的，很像CSS3，某些浏览器适应CSS3的移动速度很慢。使用简单的JavaScript，您的最终用户将感谢您。

例子：

var str=“这个世界既不是平的，也不是圆的。”+“一旦丢失将被发现”；

刚刚尝试了Anonymous的答案，发现这里有一个小技巧，如果反斜杠后面有空格，它就不起作用了因此，以下解决方案不起作用-

var x = { test:'<?xml version="1.0"?>\ <-- One space here
            <?mso-application progid="Excel.Sheet"?>' 
};

但当空间被移除时，它会起作用-

var x = { test:'<?xml version="1.0"?>\<-- No space here now
          <?mso-application progid="Excel.Sheet"?>' 
};

alert(x.test);

希望它有帮助！！

推荐文章