JavaScript-formaterer
Formater og forskjønne JavaScript-kode online, gratis.
Inndata
Utdata
Hva er JavaScript-formatereren?
Du har nettopp mottatt et 2 000-tegns JavaScript på én linje fra en tredjeparts-API, eller du prøver å feilsøke en produksjonspakke — helt uleselig. Det er nøyaktig det dette verktøyet er til for. JavaScript-formatereren legger til riktig innrykk, linjeskift og mellomrom slik at strukturen blir umiddelbart klar. ECMAScript-spesifikasjonen definerer språket, og verktøy som Prettier og ESLint håndterer dette i CI-pipelines. Når du trenger rask formatering nå, gjør du det her. Alt kjører i nettleseren; ingen kode forlater maskinen din. webpack og Rollup produserer minifisert utdata du vil formatere for feilsøking.
Verktøyet kjører helt i nettleseren din. Ingenting sendes til en server. Lim inn JS eller last opp en fil; få formatert resultat. Bruk Minifiser for produksjonsbundles. For validering, bruk JavaScript-validator. Kun minifisering: JavaScript-minifiserer.
Slik bruker du verktøyet
Lim inn eller last opp
Lim inn JavaScript i venstre panel eller last opp en .js- eller .txt-fil. Eksempel laster eksempelkode. Tøm nullstiller.
Sjekk utdata
Høyre panel oppdateres automatisk med formatert kode. Minifiser for en kompakt produksjonsversjon.
Kopier eller last ned
Bruk Kopier eller Last ned for resultatet. For JSX/React, bruk JSX-formaterer. For TypeScript-konvertering, bruk JavaScript til TypeScript.
Eksempler på JavaScript-formatering
Her er et eksempel på formatering av minifisert JavaScript-kode.
Eksempel: oppslag av abonnementsplan
Minifisert inndata:
Formatert utdata:
Når JavaScript-formatereren hjelper
Ved feilsøking av minifisert kode, gjennomgang av bundles fra webpack eller rollup, eller læring fra produksjonsskript, gjør formatering strukturen synlig. Bra for stack traces, tredjepartskode og raske lesbarhetssjekker. ECMAScript definerer språket. For obfuskert kode, bruk først JavaScript-deobfuscator.
Ofte stilte spørsmål
Er dataene mine private?
Ja. Formatering skjer helt i nettleseren din. Ingen data sendes til en server.
Formaterer vs. minifiserer?
Formatereren legger til innrykk for lesbarhet. Minifisereren fjerner mellomrom og kommentarer for mindre filstørrelse. Verktøyet kan gjøre begge deler.
Støtter det ES6+?
Ja. Moderne JavaScript-syntaks (pilfunksjoner, klasser, async/await) støttes.
Hva med JSX?
For JSX- og React-kode, bruk JSX-formaterer.
Kan den fikse syntaksfeil?
Nei. Ugyldig JavaScript viser en feil. Bruk JavaScript-validator for å sjekke syntaksen først.
Relaterte verktøy
Les mer: ECMAScript, MDN JavaScript, webpack, rollup, source maps, Vite, TypeScript.