JavaScript从未有过处理多行字符串的真正好方法，直到2015年引入ES6以及模板文本。

模板文本是由反引号（``）分隔的字符串，而不是普通的单引号（“”）/双引号（““”）分隔符。

JavaScript从未有过处理多行字符串的真正好方法，直到2015年引入ES6以及模板文本。

模板文本是由反引号（``）分隔的字符串，而不是普通的单引号（“”）/双引号（““”）分隔符。

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

例子：

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

兼容性：

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

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

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

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

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兔子脸红的消息（直接通过）”+那些施瓦辛格的阴影）！我在哪里？哦，是的，”+'您有一个错误，所有多余的空格都是'+只是肉汁。祝你今天愉快；

还要注意，当在每行末尾使用前向反斜杠在多行上扩展字符串时，前向反斜线后面的任何额外字符（主要是空格、制表符和错误添加的注释）都会导致意外的字符错误，我花了一个小时才发现

var string = "line1\  // comment, space or tabs here raise error
line2";