Gå til indhold

JavaScript Formatter

Formatér rodet eller minificeret JavaScript med denne JavaScript Formatter. Indsæt din kode, så parser værktøjet den som et ES-modul og udskriver den derefter igen med indrykning på to mellemrum, én sætning per linje, ensartet mellemrum omkring operatorer og semikolon ved slutningen af sætningerne, mens kommentarer bevares. Syntaksfejl rapporteres i stedet for at blive gættet, så udviklere får læsbar, gyldig kode tilbage til gennemgang, fejlfinding og dokumentation.

Nulstil

Ofte stillede spørgsmål

Hvordan fungerer JavaScript Formatter?

Det parser din kode til et syntakstræ som et ES-modul og udskriver derefter træet igen i en ensartet stil. Fordi koden parses i stedet for at blive rettet med tekstregler, svarer outputtets struktur altid til inputtet.

Hvilken stil bruger outputtet?

Blokke indrykkes med to mellemrum, hver sætning står på sin egen linje, der er mellemrum omkring operatorer, og sætninger afsluttes med semikolon. Korte objekt- og array-literaler bliver på én linje, og citationstegn i strenge samt skabelonlitteraler bevares, som de er skrevet.

Kan jeg ændre indrykningen eller andre indstillinger?

Nej, formateringsværktøjet har ingen indstillinger. Alle input udskrives i samme stil, så resultaterne er forudsigelige, når du deler dem.

Hvad sker der, når min kode har en syntaksfejl?

Værktøjet stopper og viser parserens meddelelse, f.eks. Unexpected: efterfulgt af det fejlende token. Ret det rapporterede problem, og kør formateringsværktøjet igen.

Bevares kommentarer?

Ja, linjekommentarer og blokkommentarer bevares og placeres sammen med de sætninger, de hører til. En kommentar inde i en sætning kan flyttes til begyndelsen af den følgende sætning.

Understøtter det moderne JavaScript?

Ja, parseren forstår moderne syntaks som import og export, pilefunktioner, klasser, async og await, destructuring, spread, optional chaining, nullish coalescing og skabelonlitteraler. Længere objektlitteraler, der ikke kan være på én linje, opdeles med én egenskab per linje.

Kan jeg formatere minificeret kode?

Ja, minificerede filer parses og fordeles over læsbare linjer med indrykning. Korte variabelnavne, som minificeringsværktøjet har valgt, bevares, da formatering aldrig omdøber noget.

Ændrer formatering, hvad min kode gør?

Nej, den ændrer kun blanktegn, linjeskift og afslutninger på sætninger. De eneste tilføjelser er semikoloner, som svarer til den måde, JavaScript allerede læser koden på.

Hvorfor er resultatet omgivet af en javascript-kodeafgrænsning?

Resultatet returneres som en Markdown-kodeblok, der begynder med en javascript-afgrænsning, så den vises med syntaksfremhævning, når den indsættes i Markdown. Kopiér linjerne mellem afgrænsningerne, hvis du vil have ren kildekode.

Hvad med JSX, TypeScript eller Flow?

Denne side håndterer almindelig JavaScript. Brug JSX Formatter til React-komponenter og TypeScript eller Flow Formatter til typet kode, da typeannoteringer ikke er en del af standard-JavaScript.

Om OneClick Pro

OneClick Pro er en gratis samling med mere end 150 webværktøjer til daglige opgaver: konvertering af billeder og enheder, formatering og validering af kode, opslag af domæner og SEO samt arbejde med tekst, datoer og tal. Alle værktøjer fungerer uden registrering eller abonnement, og det, du indtaster, bruges kun til at beregne resultatet og gemmes aldrig. Brug samlingen som en hurtig værktøjskasse til enkeltstående opgaver, eller bogmærk de værktøjer, du bruger hver dag.