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

Question

    

Questa domanda ha già una risposta qui:

    

        
•              Creazione di stringhe multilinea in JavaScript                                      37 risposte                          
    

    

Non deve davvero aggiungere nuove righe, solo qualcosa leggibile.

qualcosa di meglio di questo?

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

Answer 1

Quasi identico 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. Non ci sono errori di sintassi.

Answer 2

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

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

Answer 3

Si potrebbe fare

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

Come già detto 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 i compressori, dama di errore, e non è garantito il funzionamento nei browser.

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

Answer 4

FYI. Il modo in cui si suggeriscono che è il modo corretto e migliore rispetto alle altre risposte. JSLint convalida solo la versione.

Answer 5

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 6

In coerenza.

In qualsiasi modo si sceglie, farlo esattamente allo stesso modo in tutta l'applicazione. Se si sta lavorando su un'applicazione che ha già scritto il codice, accettare la convenzione si misero e andare con esso.

Answer 7

Sì! Puoi utilizzare il \ personaggio ad avere JavaScript ignorare caratteri di fine linea .

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

Tuttavia, come sottolineato da Elzo valugi , questo non convaliderà utilizzando JSLint.

Answer 8

Questo funziona solo nei browser con E4X supporto - Vorrei che potessimo usarlo in IE

var str = <><![CDATA[

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

]]></>.toString();

Answer 9

Ecco uno che può 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.

utilizzo esempio potrebbe essere per la scrittura / testing shaders WebGL. Durante lo sviluppo è molto più bello da lavorare e poi si può sempre correre su questo con una semplice espressione regolare che converte che la sintassi in una versione cross-browser.