Qual è il modo più pulito per scrivere una stringa multilinea in JavaScript?

Question

Non ha bisogno di aggiungere newline, solo qualcosa di leggibile.

Qualcosa di meglio di questo?

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

Answer 1

Quasi identica alla risposta di NickFitz:

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

La differenza, il codice è leggermente più gestibile perché le linee possono essere riordinate senza riguardo a dove le virgole sono. Nessun errore di sintassi.

Answer 2

Si potrebbe fare

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

Come accennato nei commenti, javascript parser gestire questo fine (opera in tutti i principali browser), ma non è ufficialmente parte della sintassi ECMA Script. Come tale può o non può funzionare con compressori, controllori di errori e non è garantito che funzioni nei browser.

Questo può essere più leggibile, ma non è il modo "migliore" per farlo. Forse lo script ECMA supporterà qualcosa come C# 's @ "" un giorno.

Answer 3

Sì! È possibile use the \ character to have JavaScript ignore end of line characters.

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

Tuttavia, come pointed out by Elzo Valugi, questo non convalida utilizzando JSLint.

Answer 4

FYI. Il modo in cui lo suggerisci è il modo corretto e migliore delle altre risposte. JsLint convalida solo la tua versione.

Answer 5

Coerentemente.

In qualsiasi modo, lo si fa esattamente nello stesso modo in tutta l'applicazione. Se stai lavorando su un'applicazione che ha già scritto del codice, accetta la convenzione che hanno impostato e segui.

Answer 6

mi piace questa versione (diversa dalla vostra solo nella formattazione del codice):

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

Answer 7

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

Se si desidera veramente a capo nella stringa, quindi sostituire .join("") con .join("\n")/

Answer 8

Funzionerà solo nei browser con supporto E4X - Vorrei poterlo utilizzare in IE

var str = <><![CDATA[ 

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

]]></>.toString(); 

Answer 9

Ecco uno che potrebbe essere utile durante lo sviluppo quando si utilizza 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); 
} 
*/}); 

Questo non funziona per Firefox , anche se funziona in Chrome.

L'utilizzo di esempio potrebbe essere per la scrittura/test di shale Webgl. Durante lo sviluppo è molto più semplice lavorare con e in seguito è sempre possibile eseguirlo con una semplice espressione regolare che converte quella sintassi in una versione cross-browser.