带变量的多行字符串

var x = 1
string = string + `<label class="container">
                       <p>${x}</p>
                   </label>`;

至少在源代码方面，这是一种相当经济的方法：

function s() {
    var args = [],index;
    for (index = 0; index< arguments.length; index++) {
        args.push (arguments [index]);
    }
    return args.join ("\n");
}
console.log (s (
    "This is the first line",
    "and this is the second",
    "finally a third"
));

function s() {return arguments.join ("\n")} 

如果“arguments”属性是一个正确的数组，当然会更好。

第二个版本可能使用“”来进行连接，当您想要控制非常长的字符串中的换行符时。

您可以使用标记的模板来确保获得所需的输出。

例如：

// Merging multiple whitespaces and trimming the output

const t = (strings) => { return strings.map((s) => s.replace(/\s+/g, ' ')).join("").trim() }
console.log(t`
  This
  Is
  A
  Multiline
  String
`);
// Output: 'This Is A Multiline String'

// Similar but keeping whitespaces:

const tW = (strings) => { return strings.map((s) => s.replace(/\s+/g, '\n')).join("").trim() }
console.log(tW`
  This
  Is
  A
  Multiline
  String
`);
// Output: 'This\nIs\nA\nMultiline\nString'

您可以在纯JavaScript中使用多行字符串。

此方法基于函数的序列化，该序列化被定义为依赖于实现。它在大多数浏览器中都能工作（见下文），但不能保证它在未来仍能工作，所以不要依赖它。

使用以下功能：

function hereDoc(f) {
  return f.toString().
      replace(/^[^\/]+\/\*!?/, '').
      replace(/\*\/[^\/]+$/, '');
}

这里可以有这样的文档：

var tennysonQuote = hereDoc(function() {/*!
  Theirs not to make reply,
  Theirs not to reason why,
  Theirs but to do and die
*/});

该方法已在以下浏览器中成功测试（未提及=未测试）：

即4-10歌剧9.50-12（不在9-）Safari 4-6（不在3-中）铬1-45Firefox 17-21（非16-）Rekonq 0.7.0-0.8.0Konqueror 4.7.4不支持

不过，要小心你的缩小镜。它倾向于删除评论。对于YUI压缩程序，以/*开头的注释！（像我用过的那个）将被保留。

我认为真正的解决方案是使用CoffeeScript。

ES6 UPDATE：您可以使用backtick代替创建带有注释的函数，并在注释上运行toString。正则表达式需要更新为仅删除空格。您还可以使用字符串原型方法来执行此操作：

let foo = `
  bar loves cake
  baz loves beer
  beer loves people
`.removeIndentation()

应该有人编写此.removeIndentation字符串方法…；）

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

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个项目的字符串数组是很好的-我将避免使用它，而支持对较大数组进行索引加法。

刚刚尝试了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);​

希望它有帮助！！