Jaki jest najczystszy sposób na napisanie ciągu wielowierszowego w JavaScript?

Question

To naprawdę nie musi dodawać nowych linii, tylko coś czytelnego.

Coś lepszego niż to?

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

Answer 1

Niemal identyczna odpowiedź NickFitz za:

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

Różnica kod jest nieco bardziej w utrzymaniu, ponieważ linie mogą być ponownie zamawiane bez względu na to, gdzie przecinki. Brak błędów składniowych.

Answer 2

Można zrobić

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

Jak wspomniano w komentarzach, javascript Parsery obsłużyć tego grzywny (działa we wszystkich głównych przeglądarkach), ale nie jest oficjalnie częścią składni ECMA Script. Jako taki może, ale nie musi współpracować ze sprężarkami, kontrolerami błędów i nie może działać w przeglądarkach.

Może to być bardziej czytelne, ale nie jest to "najlepszy" sposób na zrobienie tego. Być może skrypt ECMA będzie obsługiwał coś takiego jak C# 's @ "" pewnego dnia.

Answer 3

Tak! Możesz use the \ character to have JavaScript ignore end of line characters.

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

Jednakże, jak pointed out by Elzo Valugi, nie będzie to potwierdzić za pomocą JSLint.

Answer 4

FYI. Sposób, w jaki sugerujesz, jest poprawny i lepszy niż inne odpowiedzi. JsLint zatwierdza tylko twoją wersję.

Answer 5

Konsekwentnie.

Niezależnie od wybranej opcji, zrób to dokładnie w taki sam sposób w całej aplikacji. Jeśli pracujesz nad aplikacją, która ma już napisany kod, zaakceptuj konwencję, którą ustawił i przejdź z nią.

Answer 6

Lubię tę wersję (inny niż twój tylko w formatowaniu kodu):

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

Answer 7

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

Jeśli rzeczywiście chcesz newlines w ciągu, a następnie zastąpić .join("") z .join("\n")/

Answer 8

Będzie działać tylko w przeglądarkach z obsługą E4X - Szkoda, że ​​nie możemy jej użyć w IE

var str = <><![CDATA[ 

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

]]></>.toString(); 

Answer 9

Oto jedna z nich, która może być pomocna podczas programowania w przeglądarce 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); 
} 
*/}); 

ta nie działa dla Firefox, chociaż działa w Chrome.

Przykład użycia będzie do pisania/testowania shaderów webgl. Podczas pracy z tą aplikacją jest o wiele przyjemniej i po później zawsze możesz to zrobić, korzystając z prostego wyrażenia , które konwertuje tę składnię do wersji z różnymi przeglądarkami.