Znaki kontynuacji linii w kodzie JavaScript

Question

Jaka jest najlepsza praktyka kontynuowania linii w kodzie JavaScript? Wiem, że możesz używać \ dla ciągów. Ale w jaki sposób podzieliłbyś poniższy kod?

var statement = con.createStatement("select * from t where 
(t.a1 = 0 and t.a2 >=-1) 
order by a3 desc limit 1"); 

Answer 1

Jeśli dobrze zrozumiałem:

var statement = con.createStatement('select * from t where ' 
            + '(t.a1 = 0 and t.a2 >=-1) ' 
            + 'order by a3 desc limit 1'); 

Dla czytelności, to jest w porządku, aby wyrównać + operatora w każdym wierszu: Zresztą unless you're using Ecmascript 2015 unikać podzielić multilinii ciąg z \, ponieważ:

1. To nie jest standardowy JavaScript
2. whitespa ce po tym charakterze może generować błąd parsowania

Answer 2

Lubię użyciu backslashy dla JavaScriptu kontynuacji linii, tak jak poniżej:

// validation 
    $(".adjustment, .info input, .includesAndTiming input, \ 
     .independentAdj, .generalAdj, .executiveAdj \ 
     #officeExpense, #longDistanceExpense, #digitalImages, #milesReimbursment, #driveTime, #statementTranscription").keypress(function (event) { 

Answer 3

Znak „+” jest dla konkatenacji ciągów i większość przykładów czynienia ze sznurkami. Co jeśli masz polecenie, które musisz napisać w wielu liniach, na przykład złożoną instrukcję "jeśli"? Potrzebujesz odwrotnego ukośnika na końcu każdej linii, która ma być kontynuowana. Spowoduje to uniknięcie niewidocznego znaku następnego wiersza, tak aby nie ograniczał polecenia w środkowej instrukcji.

Answer 4

Moje osobiste preferencje jest podobna do pierwszej odpowiedzi tam, ale na moich oczach jego czytelność jest łatwiej:

var statement = con.createStatement 
    (
    'select * from t where ' + 
    '(t.a1 = 0 and t.a2 >=-1) ' + 
    'order by a3 desc limit 1' 
    ); 

Uderza bliskie podobieństwo do formatu składni SQL Używam od prawie 20 lat :

SELECT * 
FROM t 
WHERE 
    t.a1 = 0 AND 
    t.a2 >=-1 
ORDER BY a3 DESC 
LIMIT 1 

Utrzymanie ciągłości (+ w JavaScript lub AND w SQL) po prawej stronie pozwala na oko ślizgać się równomiernie wzdłuż lewej krawędzi, sprawdzając lwartościami & składnię. Trochę trudniej jest zrobić z kontynuacją po lewej stronie - nieważne, chyba że zrobisz WIELE rzeczy, kiedy każda kaloria, jaką wydasz, jest kalorią, którą można zaoszczędzić dzięki niewielkiej poprawie formatu.

Ponieważ to zapytanie jest tak proste, podzielenie go na format SQL jest marnotrawstwem przestrzeni i przepustowości, dlatego sugerowany JavaScript jest na sześciu liniach zamiast dziesięciu. Zwijanie curlies w górę o jedną linię powoduje przejście do czterech linii, co pozwala zaoszczędzić odstępy. Jednak nie do końca jasne i łatwe do edycji.