Pāriet uz saturu

JavaScript formatētājs

Formatējiet nekārtīgu vai minimizētu JavaScript ar šo JavaScript formatētāju. Ielīmējiet kodu, un rīks to parsēs kā ES moduli un pēc tam izvadīs no jauna, izmantojot divu atstarpju atkāpi, vienu instrukciju katrā rindā, konsekventas atstarpes ap operatoriem un semikolu katras instrukcijas beigās, saglabājot komentārus. Sintakses kļūdas tiek uzrādītas, nevis minētas, tāpēc izstrādātāji saņem atpakaļ lasāmu un derīgu kodu pārskatīšanai, atkļūdošanai un dokumentācijai.

Atiestatīt

Bieži uzdotie jautājumi

Kā darbojas JavaScript formatētājs?

Tas parsē jūsu kodu sintakses kokā kā ES moduli un pēc tam izvada koku atkal vienotā stilā. Tā kā kods tiek parsēts, nevis labots ar teksta noteikumiem, izvades struktūra vienmēr atbilst ievadei.

Kādu stilu izmanto izvade?

Bloki tiek formatēti ar divu atstarpju atkāpi, katra instrukcija atrodas savā rindā, ap operatoriem ir atstarpes, un instrukcijas beidzas ar semikolu. Īsi objektu un masīvu literāļi paliek vienā rindā, bet virkņu pēdiņas un veidņu literāļi tiek saglabāti tādi, kādi tie ievadīti.

Vai varu mainīt atkāpi vai citus iestatījumus?

Nē, formatētājam nav iestatījumu. Katra ievade tiek izvadīta vienā un tajā pašā stilā, tāpēc rezultāti ir paredzami, kad tos kopīgojat.

Kas notiek, ja manā kodā ir sintakses kļūda?

Rīks apstājas un parāda parsētāja ziņojumu, piemēram, Unexpected:, kam seko kļūdainais tokens. Novērsiet norādīto problēmu un palaidiet formatētāju vēlreiz.

Vai komentāri tiek saglabāti?

Jā, rindu komentāri un bloku komentāri tiek saglabāti un novietoti pie instrukcijām, uz kurām tie attiecas. Komentārs instrukcijas iekšienē var tikt pārvietots uz nākamās instrukcijas sākumu.

Vai tas atbalsta mūsdienīgu JavaScript?

Jā, parsētājs saprot mūsdienīgu sintaksi, piemēram, import un export, bultfunkcijas, klases, async un await, destrukturēšanu, izkliedes sintaksi, izvēles ķēdes, nulles vērtību apvienošanu un veidņu virknes. Garāki objektu literāļi, kas neietilpst vienā rindā, tiek sadalīti, katru īpašību rakstot savā rindā.

Vai es varu formatēt minimizētu kodu?

Jā, minificētie faili tiek parsēti un pārkārtoti lasāmās rindās ar atkāpēm. Minifikatora izvēlētie īsie mainīgo nosaukumi tiek saglabāti, jo formatēšana neko nepārdēvē.

Vai formatēšana mainīs to, ko dara mans kods?

Nē, tā maina tikai atstarpes, rindu pārtraukumus un priekšrakstu beigu atdalītājus. Tiek pievienoti tikai semikoli, kas atbilst tam, kā JavaScript jau nolasa kodu.

Kāpēc rezultāts ir ietverts javascript koda blokā?

Rezultāts tiek atgriezts kā Markdown koda bloks, kas sākas ar javascript žogu, tāpēc, ielīmējot to Markdown, tas tiek attēlots ar sintakses izcelšanu. Ja vajadzīgs vienkāršs pirmkods, nokopējiet rindas starp žogiem.

Kā ar JSX, TypeScript vai Flow?

Šī lapa apstrādā vienkāršu JavaScript. Izmantojiet JSX formatētāju, lai formatētu React komponentes, un TypeScript vai Flow formatētāju tipizētam kodam, jo tipu anotācijas nav standarta JavaScript daļa.

Par OneClick Pro

OneClick Pro ir bezmaksas vairāk nekā 150 tīmekļa rīku kolekcija ikdienas darbam: attēlu un mērvienību konvertēšanai, koda formatēšanai un validēšanai, domēnu un SEO pārbaudei, kā arī darbam ar tekstu, datumiem un skaitļiem. Katru rīku var izmantot bez reģistrācijas vai abonēšanas, un ievadītie dati tiek izmantoti tikai rezultāta aprēķināšanai un nekad netiek saglabāti. Izmantojiet to kā ātru rīku kopumu atsevišķiem uzdevumiem vai pievienojiet grāmatzīmēm rīkus, ko lietojat katru dienu.