Formátovač JavaScript

Kód analyzuje do syntaktického stromu jako modul ES a poté strom vypíše znovu v jednotném stylu. Protože se kód skutečně analyzuje, místo aby se upravoval podle textových pravidel, struktura výstupu vždy odpovídá vstupu.

Bloky jsou odsazeny dvěma mezerami, každý příkaz je na vlastním řádku, kolem operátorů jsou mezery a příkazy končí středníkem. Krátké literály objektů a polí zůstávají na jednom řádku a uvozovky řetězců i šablonové literály zůstávají tak, jak byly napsány.

Ne, formátovač nemá žádné možnosti nastavení. Každý vstup se vypíše stejným stylem, takže výsledky zůstávají předvídatelné, když je sdílíte.

Nástroj se zastaví a zobrazí zprávu analyzátoru, například Unexpected: následované chybným tokenem. Opravte uvedený problém a spusťte formátovač znovu.

Ano, řádkové i blokové komentáře zůstávají a umístí se k příkazům, ke kterým patří. Komentář uvnitř příkazu se může přesunout na začátek následujícího příkazu.

Ano, analyzátor rozumí moderní syntaxi, jako jsou import a export, šipkové funkce, třídy, async a await, destrukturalizace, spread, volitelné řetězení, slučování s nullish a šablonové literály. Delší literály objektů, které se nevejdou na jeden řádek, se rozdělí tak, že každá vlastnost bude na samostatném řádku.

Ano, minifikované soubory se analyzují a rozloží na přehledné řádky s odsazením. Krátké názvy proměnných zvolené minifikátorem zůstávají zachovány, protože formátování nikdy nic nepřejmenovává.

Ne, mění pouze prázdné znaky, zalomení řádků a ukončení příkazů. Jediným doplněním jsou středníky, které odpovídají tomu, jak JavaScript kód už čte.

Výsledek se vrací jako blok kódu Markdown, který začíná značkou javascript, takže se při vložení do Markdown zobrazí se zvýrazněním syntaxe. Pokud chcete čistý zdrojový kód, zkopírujte řádky mezi značkami.

Tato stránka zpracovává běžný JavaScript. Pro komponenty React použijte Formatter JSX a pro typovaný kód TypeScript nebo Flow Formatter, protože anotace typů nejsou součástí standardního JavaScript.