Czym jest formatowanie składni JavaScript?

Formatowanie JavaScript to proces sprawdzania, czy kod źródłowy jest poprawny, a następnie przeformatowywania go do spójnego stylu. Zwykle oznacza to dostosowanie wcięć, odstępów i podziałów wierszy bez zmiany znaczenia kodu.

Równie ważna jest walidacja składni. Formatter może bezpiecznie przepisać kod tylko wtedy, gdy parser jest w stanie go najpierw zrozumieć.

Opis narzędzia

To narzędzie sprawdza składnię JavaScript i formatuje kod w przeglądarce. Używa parsera do sprawdzenia, czy dane wejściowe są poprawne, oraz Prettier do wygenerowania czytelniejszej wersji tego samego kodu źródłowego.

Jest przydatne, gdy potrzebujesz szybko sformatować kod lub sprawdzić składnię bez otwierania pełnego IDE.

Przykłady

  • Mały moduł ES z importami i eksportami
  • Fragment JSX, taki jak komponent React
  • Długi literał obiektu wymagający uporządkowania wcięć

Funkcje

  • Walidacja składni za pomocą parsera Babel
  • Formatowanie za pomocą Prettier standalone
  • Obsługa przycisku Wyczyść umożliwiająca szybkie resetowanie

Ograniczenia

To narzędzie obsługuje wyłącznie składnię. Nie wykonuje kodu i nie obsługuje danych wejściowych w TypeScript.

Puste dane wejściowe są odrzucane zarówno podczas walidacji, jak i formatowania, dlatego przed użyciem dowolnej z tych funkcji należy wprowadzić rzeczywisty kod.