如何在JavaScript中将字符串连接到Geany中的制表符和回车符？

Question

我正在使用动态内容加载器制作应用程序，它通过ajax加载内容然后更改DOM。我有一个结构/架构，我的问题是如何连接字符串，我想保持我的代码“缩进”，使其易于阅读......

实施例：

我怎样才能实现这一目标？我需要一些特殊的角色或者某种角色？

Answer 1

你可以使用\来转义每一行末尾的换行符，虽然它通常被认为是不好的做法（因为在维护代码时很容易错过转义。）

var page = '\
  <div class="row well">\
    <div class="row info-block">\
      <div class="col-xs-4 logo-container">\
        ' + logo + '\
      </div>\
    </div>\
  </div>';

你真正想要的是ES6模板字符串，但是：

var page = `
  <div class="row well">
    <div class="row info-block">
      <div class="col-xs-4 logo-container">
        ${logo}
      </div>
    </div>
  </div>`;

Template strings默认允许多行字符串并支持插值（上面的${logo}。）

注意：两个结果字符串之间存在差异。在newline-escaped字符串中，换行实际上不是结果字符串的一部分;然而，它们在模板字符串示例中。