我的基于数组的字符串连接版本：

var c = []; //c stands for content
c.push("<div id='thisDiv' style='left:10px'></div>");
c.push("<div onclick='showDo(\'something\');'></div>");
$(body).append(c.join('\n'));

这对我来说效果很好，尤其是当我经常将值插入到以这种方式构建的html中时。但它有很多局限性。缩进会很好。不用处理嵌套的引号真的很好，只是它的笨重让我很困扰。

要添加到数组中的.push（）是否占用了大量时间？请参阅此相关答案：

（JavaScript开发人员不使用Array.push（）有什么原因吗？）

在查看了这些（相反的）测试运行之后，看起来.push（）对于不太可能增长超过100个项目的字符串数组是很好的-我将避免使用它，而支持对较大数组进行索引加法。

javascript中的等效值为：

var text = `
This
Is
A
Multiline
String
`;

这是规格。请参阅本页底部的浏览器支持。这里也有一些例子。

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

1:

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

其最终记录：

Multiline string.
           foo.
           bar.  

2:

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次。

我想出了一个非常巧妙的方法来处理多行字符串。由于将函数转换为字符串也会返回函数内的任何注释，因此可以使用多行注释/**/将注释用作字符串。你只需要把两端修剪一下，你就有了你的绳子。

var myString = function(){/*
    This is some
    awesome multi-lined
    string using a comment 
    inside a function 
    returned as a string.
    Enjoy the jimmy rigged code.
*/}.toString().slice(14,-3)

alert(myString)

我的基于数组的字符串连接版本：

var c = []; //c stands for content
c.push("<div id='thisDiv' style='left:10px'></div>");
c.push("<div onclick='showDo(\'something\');'></div>");
$(body).append(c.join('\n'));

这对我来说效果很好，尤其是当我经常将值插入到以这种方式构建的html中时。但它有很多局限性。缩进会很好。不用处理嵌套的引号真的很好，只是它的笨重让我很困扰。

要添加到数组中的.push（）是否占用了大量时间？请参阅此相关答案：

（JavaScript开发人员不使用Array.push（）有什么原因吗？）

在查看了这些（相反的）测试运行之后，看起来.push（）对于不太可能增长超过100个项目的字符串数组是很好的-我将避免使用它，而支持对较大数组进行索引加法。

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

例子：

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

兼容性：

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

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