Quelle est la manière la plus propre d'écrire une chaîne multiligne en JavaScript?

Question

Il n'a pas vraiment besoin d'ajouter de nouvelles lignes, juste quelque chose de lisible.

Quelque chose de mieux que cela?

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

Answer 1

Presque identique à la réponse de NickFitz:

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

La différence, le code est un peu plus maintenable car les lignes peuvent être commandés sans égard à l'endroit où les virgules sont. Aucune erreur de syntaxe

Answer 2

Vous pouvez faire

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

Comme mentionné dans les commentaires, javascript parseurs gérer ce bien (cela fonctionne dans tous les principaux navigateurs), mais ne sont pas officiellement partie de la syntaxe ECMA Script. En tant que tel, il peut ou ne peut pas fonctionner avec des compresseurs, des vérificateurs d'erreur, et n'est pas garanti pour fonctionner dans les navigateurs.

Cela peut être plus lisible, mais ce n'est pas la meilleure façon de le faire. Peut-être que le script ECMA supportera quelque chose comme C# 's @ "" un jour.

Answer 3

Oui! Vous pouvez use the \ character to have JavaScript ignore end of line characters.

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

Cependant, comme pointed out by Elzo Valugi, ce ne sera pas validé en utilisant JSLint.

Answer 4

FYI. La façon dont vous le suggérez est correcte et meilleure que les autres réponses. JsLint ne valide que votre version.

Answer 5

Constamment.

Quel que soit votre choix, faites-le exactement de la même manière tout au long de votre application. Si vous travaillez sur une application qui a déjà du code écrit, acceptez la convention qu'ils ont définie et suivez-la.

Answer 6

J'aime cette version (différente de la vôtre juste au formatage du code):

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

Answer 7

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

Si vous voulez réellement des sauts de ligne dans la chaîne, puis remplacer .join("") avec .join("\n")/

Answer 8

Cela ne fonctionnera que dans les navigateurs avec E4X support - Je souhaite que nous puissions l'utiliser dans IE

var str = <><![CDATA[ 

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

]]></>.toString(); 

Answer 9

Voici un exemple qui peut s'avérer utile lors du développement de 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); 
} 
*/}); 

Cela ne fonctionne pas pour Firefox , bien que cela fonctionne dans Chrome.

Exemple d'utilisation pour l'écriture/le test de webgl shaders. Pendant le développement c'est beaucoup plus agréable de travailler avec et plus tard, vous pouvez toujours courir dessus avec une simple expression rationnelle qui convertit cette syntaxe dans une version multi-navigateur.