¿Puedo formatear mi código JavaScript/JQuery con saltos de línea y pestañas?

Como C# codificador de aprendizaje JavaScript Me parece mucho más fácil de leer:¿Puedo formatear mi código JavaScript/JQuery con saltos de línea y pestañas?

$(this) 
    .first() 
    .prepend("<h3>Title</h3>") 
    .end() 
    .removeClass("hidden");

que esto:

$(this).first().prepend("<h3>Title</h3>").end().removeClass("hidden");

Sin embargo JSLint se queja de la primera. Pero no entiendo por qué. ¿Esto me meterá en problemas en cualquier lugar?

Actualización: Puede establecer el valor de la muesca en la parte inferior de la página JSLint y por lo tanto hacer que el código "válida". Hay una bifurcación de JsLint, http://www.jshint.com/, que también acepta pestañas.

Fuente

2012-02-23 Mikael Härsjö

¿Qué dice JSLINT? – Sarfraz

El ** por qué ** es el espacio en blanco entre el elemento anterior y el punto –

Como nota al margen, ¿por qué está usando '$ (this) .first()'? Si 'this' es un elemento,' $ (this) 'contiene solo un elemento de todos modos. – pimvdb

La advertencia de JSLin Es una cuestión de gusto. El que escribió comprueba que la organización de las cosas de esta manera tiene más sentido:

$(this). 
    first(). 
    prepend("<h3>Title</h3>"). 
    end(). 
    removeClass("hidden");

I para uno encontrar su enfoque más claro porque el punto me dice que todo lo que viene después de que pertenece a la línea anterior.

Estás seguro con la forma en que estás escribiendo, pero realmente me gustaría ver a alguien (desarrolladores de jslint) decirnos cómo desactivar ese mensaje.

Fuente

2012-02-23 10:05:14

En la parte inferior de la página jslint puede al menos establecer cuántos espacios de sangría está permitido. –

Sí, leí las otras respuestas. Es bueno saberlo, pero uso pestañas. Logré localizar este error en particular en la fuente de jslint, pero no pude deshabilitarlo. Tal vez debería hacer una solicitud de función sobre esto, porque realmente no es asunto de ellos cómo sangro mis líneas. ¡Después de todo, no es Python! ¿Me equivoco? –

Además, uso el jslint binario y los errores aparecen en mi editor de texto. –

Su código está perfectamente bien si formatea como este JSLint no debe quejarse (Bueno, por supuesto que se queja de $ no está definido, pero el resto del código está bien)

$(this). 
    first(). 
    prepend("<h3>Title</h3>"). 
    end(). 
    removeClass("hidden");

Fuente

2012-02-23 10:02:43

La cuestión con ese código en JSLint se debe a la identation: si aplica sangría con 4 espacios Todavía no hay errores

(desplácese hacia abajo para las opciones y cambiar la configuración identation si el valor por defecto no es lo que quiere)

Fuente

2012-02-23 10:04:03 fcalderan

Eso funciona, ¿sabes por qué cuatro espacios es el número mágico? –

mira en la parte inferior de la página jslint. :) – fcalderan

Una buena práctica de codificación es que mantenga su código legible por usted y cualquier otra persona y que es un ejemplo

$(this).first() 
.prepend("<h3>Title</h3>") 
.end() 
.removeClass("hidden"); 

if(something) 
{ 
    // do something 
} 
else 
{ 
    //do something else 
}

Siempre debe utilizar guión y es una buena práctica de codificación.

Fuente

2012-02-23 10:06:34

¿Puedo formatear mi código JavaScript/JQuery con saltos de línea y pestañas?

Respuesta

Cuestiones relacionadas