Как конкатенировать строки в 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} выше.)

Примечание: существует разница между двумя результирующими строками. В строке с экранированной новой строкой символы новой строки фактически не являются частью результирующей строки; тогда как они находятся в примере строки шаблона.