JavaScript formatēšana tiešsaistē
Ielīmējiet minificētu .js failu, webpack pakotni vai vienrindas fragmentu un labajā panelī saņemiet JavaScript ar pareizām atkāpēm. Prettier formatē kodu jūsu pārlūkā, neko neaugšupielādējot.
Kāpēc JavaScript kļūst nelasāms
Mūsdienu būvēšanas procesi pirms publicēšanas minificē JavaScript. Terser, esbuild, SWC un līdzīgi rīki noņem atstarpes un komentārus, saīsina lokālo mainīgo un funkciju nosaukumus līdz atsevišķiem burtiem, pārvērš ligzdotus blokus savienotās izteiksmēs un apvieno lietotni vienā vai divos failos. React lietotne, kas sākās ar trīssimt lasāmiem avota failiem, pārlūkā nonāk vienā vairākus simtus kilobaitu garā rindā. Kods joprojām darbojas, bet, tiklīdz tas jālasa, priekšā ir teksta siena bez saskatāmas struktūras.
Ko formatēšana patiesībā atjauno
Pakotnes formatēšana atjauno orientierus, kas vajadzīgi koda izpētei. Priekšraksti atkal atrodas savās rindās, un steka izsekojuma norāde uz 1. rindas 24815. kolonnu kļūst par vieglāk atrodamu vietu. Redzams ligzdojums, funkciju sākums un beigas, nosacījumu zari un atzvanu ķēžu uzbūve. Virknes, URL un galapunktu nosaukumi ir viegli pārskatāmi. Tieši tos bieži meklē, pārbaudot svešu skriptu, nevis labojot savu kodu.
Mūsdienu sintakses atbalsts
Formatētājs saprot pašreizējo JavaScript sintaksi, nevis tikai senāku valodas daļu. Bultiņu funkcijas, klases, async un await, ģeneratori, optional chaining, nullish coalescing, veidņu literāļi, destrukturēšana, spread sintakse, dinamiskie importi un ES moduļi tiek formatēti pareizi. Atbalstīts ir arī JSX, kas noder, pētot React komponentu, kura sintakse būvēšanā nav pilnībā pārveidota. Tā kā darbu veic Prettier, rezultāts ievēro tos pašus principus, kurus redaktors piemēro jūsu failiem.
Rīka iespēju robežas
Lasāma formatējuma atjaunošana neatgūst dzēsto informāciju. Minificētājs ir izdzēsis komentārus un pārdēvējis mainīgos, un neviens formatētājs nevar uzminēt, ka n agrāk saucās remainingRetries. Ja projekts publicējis avota karti, ielādējiet to pārlūka izstrādātāja rīkos, jo tā ir vienīgā iespēja atgriezties pie īstā avota. Ja fails ir arī apzināti maskēts, varat sagaidīt lasāmu struktūru, bet ne uzreiz saprotamu nolūku.
Biežāk uzdotie jautājumi
Vai var formatēt webpack vai Vite pakotni?
Jā. Ielīmējiet pakotni vai atveriet failu ar faila izvēli, un tas tiks formatēts tāpat kā cits JavaScript. Lielām pakotnēm vajag dažas sekundes, jo apstrāde notiek jūsu ierīcē. Pēc atkāpju ievietošanas kļūst redzama arī moduļu struktūra.
Vai rīks atceļ JavaScript maskēšanu?
Tas formatē maskētu kodu, padarot to ievērojami vieglāk lasāmu, bet neatceļ pašu maskēšanu. Kodētās virknes, mākslīgā vadības plūsma un apzināti ievietotais nevajadzīgais kods saglabājas.
Vai formatēšana var sabojāt manu kodu?
Formatētājs cenšas saglabāt JavaScript darbību, piemērojot vienotu stilu. Tas var mainīt pieturzīmes, pēdiņas un izkārtojumu, tāpēc rezultāts nav baitu ziņā identisks. Saglabājiet oriģinālu, pārskatiet rezultātu un pirms lietošanas produkcijā palaidiet projekta pārbaudes.