¿Cuál es la forma más limpia de escribir una cadena multilínea en JavaScript?

Question

Realmente no tiene que agregar líneas nuevas, solo algo legible.

¿Algo mejor que esto?

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

Answer 1

casi idéntica a la respuesta de NickFitz:

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

La diferencia, el código es un poco más fácil de mantener porque las líneas pueden ser reordenadas y sin tener en cuenta dónde están las comas. Sin errores de sintaxis

Answer 2

Usted podría hacer

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

Como se mencionó en los comentarios, javascript analizadores manejan este fino (funciona en todos los navegadores), pero no es oficialmente parte de la sintaxis ECMA Script. Como tal, puede o no funcionar con compresores, comprobadores de errores y no se garantiza que funcione en navegadores.

Esto puede ser más fácil de leer, pero no es la "mejor" forma de hacerlo. Tal vez el script ECMA sea compatible con algo como C# 's @ "algún día.

Answer 3

Sí! Puede use the \ character to have JavaScript ignore end of line characters.

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

Sin embargo, como pointed out by Elzo Valugi, esto no va a validar el uso de JSLint.

Answer 4

FYI. La forma en que lo sugiere es la forma correcta y mejor que las otras respuestas. JsLint solo valida su versión.

Answer 5

consistentemente.

Cualquiera que sea la forma que elija, hágalo de la misma manera en toda su aplicación. Si está trabajando en una aplicación que ya tiene un código escrito, acepte la convención que establecieron e implemente.

Answer 6

me gusta esta versión (diferente a la suya solo en el formato del código):

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

Answer 7

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

Si usted quiere realmente saltos de línea en la cadena, y reemplazar .join("") con .join("\n")/

Answer 8

Esto solo funcionará en navegadores con E4X soporte - Ojalá pudiéramos usarlo en IE

var str = <><![CDATA[ 

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

]]></>.toString(); 

Answer 9

Aquí hay uno que puede ser útil durante el desarrollo cuando se utiliza 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); 
} 
*/}); 

Esto no funciona para Firefox , aunque funciona en Chrome.

El uso de ejemplo sería para escribir/probar sombreadores webgl. Durante el desarrollo, es mucho mejor trabajar con este y más adelante, siempre puede ejecutar esto con una simple expresión regular que convierta esa sintaxis en una versión de navegador cruzado.