Posso formattare il mio codice JavaScript/JQuery con interruzioni di riga e schede?

Question

Come C# coder apprendimento JavaScript Trovo che questo sia molto più leggibile:

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

di questo:

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

Tuttavia JSLint lamenta il primo. Ma non capisco perché. Questo mi mettere nei guai ovunque?

Aggiornamento: È possibile impostare il valore di rientro in fondo alla pagina JSLint e, quindi, rendere il codice "valido". C'è un fork di JsLint, http://www.jshint.com/, che accetta anche le schede.

Answer 1

L'avviso di JSLin è una questione di gusti. Chi ha scritto constata che organizzare le cose in questo modo ha più senso:

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

io per primo trovare il tuo approccio più chiaro, perché il punto mi dice che tutto ciò che viene dopo che appartiene alla linea di cui sopra.

Sei al sicuro con il modo in cui stai scrivendo, ma mi piacerebbe davvero vedere qualcuno (jslint devs) dirci come disabilitare quel messaggio.

Answer 2

Il codice è perfettamente bene se si formatta come questo JSLint non dovrebbe lamentarsi (Beh, naturalmente si lamenta $ non in fase di definizione, ma il resto del codice è ok)

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

Answer 3

La questione con quel codice su JSLint è dovuto al identation: se si rientra con 4 spazi non ci sei errori

(scorrere fino alle opzioni e modificare le impostazioni identation se il valore di default non è quello che si vuole)

Answer 4

Una buona pratica di codifica è che mantenere il vostro codice leggibile da voi e chiunque altro e che è un esempio

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

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

Si dovrebbe sempre usare trattino ed è una buona pratica di codifica.