Przejdź do treści

Formatter JavaScript

Reformatuje JavaScript lub TypeScript na spójny, czytelny kod.

Wejście
80
Wynik

Formatter JavaScript

Wklej JavaScript lub TypeScript, a to narzędzie sformatuje go na spójne wcięcie, odstępy i podziały linii. Reformatuje zminifikowany lub niespójnie sformatowany kod, normalizuje bloki i literały obiektów oraz zachowuje wyrażenia takie jak operatory warunkowe, typy generyczne, literały szablonów, opcjonalne łańcuchowanie i funkcje strzałkowe ze spacjami, takimi jak pisałby je człowiek.

Opcje kontrolują szczegóły, a nie strukturę. Wybierz wcięcie o 2 spacje, 4 spacje lub tabulacje oraz pojedyncze lub podwójne cudzysłowy — zawartość ciągu jest prawidłowo ponownie zmieniana w obu przypadkach, więc znak wewnątrz ciągu nigdy nie zostanie zniszczony. Średniki można dodać na koniec każdej instrukcji lub usunąć na rzecz automatycznego wstawiania średników; wieloliniowe obiekty i tablice mogą zakończyć się przecinkami końcowymi. Maksymalna szerokość linii kontroluje, kiedy długi literał obiektu lub lista argumentów dzieli się na wiele linii zamiast rozciągać się poza krawędź ekranu. Minifikuj zwija ten sam kod na jedną linię z usuniętymi spacjami i komentarzami, kiedy potrzebujesz zwartej kopii zamiast czytelnej.

To jest formatter, a nie linter lub bundler: nie przepisuje logiki, nie zmienia nazw zmiennych ani nie rozwiązuje importów i nie uruchamia Twojego kodu. Celem jest zachowanie wyjścia ważnego dla realistycznego JavaScriptu i TypeScript, w tym klas, funkcji asynchronicznych, destrukcji, operatorów rozprzestrzeniania i dekoratorów — naprawdę źle sformowany wkład (nieukończony ciąg lub komentarz) jest reformatowany na zasadzie najlepszego wysiłku zamiast być całkowicie odrzucony.

Wszystko działa lokalnie w Twojej przeglądarce. Twój kod źródłowy nigdy nie jest przesyłany na serwer, co jest ważne zarówno dla proprietary lub neopublikowanego kodu, jak i szybkiego fragmentu z raportu o błędzie. Skopiuj sformatowany wynik, pobierz go jako plik .txt lub wyślij do innego narzędzia, aby kontynuować pracę.

Częste pytania

Czy obsługuje TypeScript, a nie tylko JavaScript?
Tak. Adnotacje typów, typy generyczne, interfejsy, opcjonalne właściwości i inna typowa składnia TypeScript są rozpoznawane i formatowane obok zwykłego JavaScriptu.
Czym "Minifikuj" różni się od innych opcji?
Usuwa komentarze i niepotrzebne spacje i umieszcza kod na jednej linii, zachowując jednocześnie średniki potrzebne do bezpiecznego oddzielenia instrukcji. Jest to tryb kompaktnego formatowania, a nie pełny minifikator — nie zmienia nazw zmiennych ani nie stosuje innych optymalizacji rozmiaru.
Czy zniszczy mi to kod?
Formatter zmienia tylko spacje, znaki cudzysłowów i średniki — nigdy nie przepisuje wyrażeń ani logiki. Komentarze i zawartość ciągów są zachowywane dokładnie tak, jak zostały napisane.
Co się dzieje z długą linią, na przykład dużym literałem obiektu?
Ustaw "Maksymalna szerokość linii", a literał obiektu lub tablicy, który by go przekroczył, jest dzielony na wiele linii, jeden wpis na linię, zamiast rozciągać się poza krawędź.
Czy mój kod jest gdzieś przesyłany?
Nie. Formatowanie odbywa się całkowicie w Twojej przeglądarce — Twój kod źródłowy nigdy nie opuszcza Twojego urządzenia.