javascript - 如何将 JavaScript 中的字符串与 Geany 中的制表符和回车符连接起来？

Question

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

例子:

我怎样才能做到这一点？我需要一些特殊的 scape 字符还是什么？

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}。)

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