Formater JavaScript
Formatuj nieuporządkowany lub zminimalizowany kod JavaScript za pomocą tego formatowania JavaScript. Wklej kod, a narzędzie przeanalizuje go jako moduł ES, a następnie ponownie go wypisze, stosując wcięcia z dwóch spacji, jeden element instrukcji w wierszu, spójne odstępy wokół operatorów i średniki na końcu instrukcji, zachowując komentarze. Błędy składni są zgłaszane zamiast zgadywania, dzięki czemu programiści otrzymują czytelny, poprawny kod do przeglądów, debugowania i dokumentacji.
Najczęściej zadawane pytania
Jak działa formater JavaScript?
Analizuje kod i tworzy jego drzewo składniowe jako moduł ES, a następnie wypisuje to drzewo ponownie w spójnym stylu. Ponieważ kod jest analizowany, a nie poprawiany za pomocą reguł tekstowych, struktura wyniku zawsze odpowiada strukturze danych wejściowych.
Jaki styl ma wynik?
Bloki są wcięte o dwie spacje, każda instrukcja znajduje się w osobnym wierszu, wokół operatorów są spacje, a instrukcje kończą się średnikami. Krótkie literały obiektów i tablic pozostają w jednym wierszu, a cudzysłowy w ciągach znaków i literały szablonowe pozostają w takiej postaci, w jakiej zostały zapisane.
Czy mogę zmienić wcięcia lub inne ustawienia?
Nie, formater nie ma żadnych opcji. Każde dane wejściowe są wypisywane w tym samym stylu, dzięki czemu wyniki są przewidywalne podczas ich udostępniania.
Co się stanie, gdy mój kod zawiera błąd składni?
Narzędzie zatrzymuje działanie i wyświetla komunikat parsera, taki jak Unexpected:, po którym następuje błędny token. Napraw zgłoszony problem i ponownie uruchom formater.
Czy komentarze są zachowywane?
Tak, komentarze wierszowe i blokowe są zachowywane i umieszczane przy instrukcjach, których dotyczą. Komentarz wewnątrz instrukcji może zostać przeniesiony na początek kolejnej instrukcji.
Czy obsługuje nowoczesny JavaScript?
Tak, parser rozumie nowoczesną składnię, taką jak import i export, funkcje strzałkowe, klasy, async i await, destrukturyzację, operator spread, łańcuchowanie opcjonalne, operator nullish coalescing i literały szablonowe. Dłuższe literały obiektowe, które nie mieszczą się w jednym wierszu, są dzielone tak, aby każda właściwość znalazła się w osobnym wierszu.
Czy mogę sformatować zminimalizowany kod?
Tak, zminimalizowane pliki są parsowane i rozkładane na czytelne wiersze z wcięciami. Krótkie nazwy zmiennych wybrane przez minifikator pozostają bez zmian, ponieważ formatowanie nigdy niczego nie zmienia.
Czy formatowanie zmieni działanie mojego kodu?
Nie, zmienia tylko białe znaki, podziały wierszy i terminatory instrukcji. Dodawane są jedynie średniki, zgodnie z tym, jak JavaScript odczytuje kod.
Dlaczego wynik jest otoczony blokiem kodu javascript?
Wynik jest zwracany jako blok kodu Markdown rozpoczynający się znacznikiem javascript, dzięki czemu jest wyświetlany z podświetlaniem po wklejeniu do Markdown. Aby uzyskać zwykły kod źródłowy, skopiuj wiersze między znacznikami.
A co z JSX, TypeScript lub Flow?
Ta strona obsługuje zwykły JavaScript. W przypadku komponentów React użyj formatera JSX, a do typowanego kodu — formatera TypeScript lub Flow, ponieważ adnotacje typów nie należą do standardu JavaScript.