Какой самый чистый способ написать многострочную строку в JavaScript?

Question

На самом деле не нужно добавлять новые строки, просто что-то читаемое.

Что-нибудь лучше этого?

str = "line 1" + 
     "line 2" + 
     "line 3"; 

Answer 1

Почти идентичен ответ NickFitz в:

var str = ["" 
    ,"line 1" 
    ,"line 2" 
    ,"line 3" 
].join(""); 
// str will contain "line1line2line3" 

Разница, код немного более ремонтопригоден, потому что линии могут быть повторно заказаны без учета где запятые. Нет синтаксических ошибок.

Answer 2

Вы могли бы сделать

str = "\ 
line 1\ 
line 2\ 
line 3"; 

Как уже упоминалось в комментариях, JavaScript парсеры справиться с этим штраф (он работает во всех основных браузерах), но не является официальной частью синтаксиса ECMA Script. Таким образом, он может работать или не работать с компрессорами, проверками ошибок и не гарантированно работает в браузерах.

Это может быть более читаемым, но это не лучший способ сделать это. Возможно, сценарий ECMA будет поддерживать что-то вроде C# @ "" когда-нибудь.

Answer 3

Да! Вы можете use the \ character to have JavaScript ignore end of line characters.

str = 'line 1 \ 
line 2 \ 
line 3'; 

Однако, как pointed out by Elzo Valugi, это не будет проверять с помощью JSLint.

Answer 4

FYI. То, как вы предлагаете, это правильный путь и лучше, чем другие ответы. JsLint только подтверждает вашу версию.

Answer 5

Последовательно.

Каким бы способом вы ни выбрали, сделайте это точно так же, как и во всем приложении. Если вы работаете над приложением, которое уже написало код, примите соглашение, которое они задают и идут с ним.

Answer 6

Мне нравится эта версия (отличается от вашей только при форматировании кода):

var str = "line 1" 
     + "line 2" 
     + "line 3"; 

Answer 7

var str = [ 
    "line 1", 
    "line 2", 
    "line 3" 
].join(""); 
// str will contain "line1line2line3" 

Если вы действительно хотите, символы новой строки в строку, а затем заменить .join("") с .join("\n")/

Answer 8

Это будет работать только в браузерах с поддержкой E4X - Хотелось бы, чтобы мы могли использовать его в IE

var str = <><![CDATA[ 

    Look, a multi-line 
    string! < " // ' ? & 

]]></>.toString(); 

Answer 9

Вот что может быть полезно при разработке Chrome.

function FSTR(f) { 
    // remove up to comment start and trailing spaces and one newline 
    s = f.toString().replace(/^.*\/\* *\r?\n/,""); 
    // remove the trailing */} with preceeding spaces and newline 
    s = s.replace(/\n *\*\/\s*\}\s*$/,"") 
    return s; 
} 

s = FSTR(function(){/* 
uniform vec2 resolution; 
uniform float time; 

void main(void) 
{ 
    vec2 p = -1.0 + 2.0 * gl_FragCoord.xy/resolution.xy; 
    vec2 cc = vec2(cos(.25*time), sin(.25*time*1.423)); 
    ... 
    float color = sqrt(sqrt(dmin))*0.7; 
    gl_FragColor = vec4(color,color,color,1.0); 
} 
*/}); 

Это не работает для Firefox, хотя он работает в Chrome.

Пример использования для написания/тестирования webgl-шейдеров. Во время разработки это гораздо приятнее для работы, и позже вы всегда можете запустить это с помощью простого регулярного выражения , которое преобразует этот синтаксис в кросс-браузерную версию.