Форматировщик кода JavaScript

Форматировщик кода JavaScript

Вставьте сжатый, неразборчивый или сжатый JavaScript и получите чистую, единообразно оформленную версию, которую можно реально прочитать. Форматер ориентирован на токены — он понимает строки, шаблоны, регулярные выражения и комментарии, поэтому он никогда не случайно переформатирует содержимое регулярного выражения или переставляет ваше ${...} вставки. Всё работает в вашем браузере, поэтому вставленный код никогда не покидает ваш компьютер.

Как использовать

1. Вставьте ваш JavaScript в поле ввода.
2. Выберите отступы, стиль кавычек и политику точек с запятой.
3. Выберите стиль фигурных скобок (1TBS или Allman) и политику запятых в конце.
4. Установите целевую ширину вывода — длинные объекты и массивы будут разбиваться, чтобы влезть.
5. Скопируйте отформатированный результат или скачайте его как .js файл.

Возможности

• Детерминированный вывод – один и тот же ввод всегда даёт один и тот же результат.
• Настраиваемое форматирование отступов – 2 пробела, 4 пробела или табуляции.
• Перевод кавычек – переключение между одинарными, двойными или сохранение оригинального стиля с безопасной обработкой экранирования.
• Политика точек с запятой – всегда вставлять, удалять все или сохранять то, что уже есть.
• Стили фигурных скобок – 1TBS (в одной строке) или Allman (на следующей строке).
• Завершающие запятые – отсутствуют, ES5 (только объекты и массивы) или все (включая аргументы функций).
• Обрезка по ширине вывода – длинные литералы разбиваются на несколько отформатированных строк.
• Современный синтаксис – распознаются стрелочные функции, async/await, расширение/сжатие, деструктуризация, классы, шаблоны, BigInt и литералы регулярных выражений.
• Сохранение комментариев – встроенные и блочные комментарии сохраняются в процессе форматирования.
• Работает локально – ваш код никогда не покидает браузер.

Когда использовать этот инструмент

Используйте этот форматер, когда вы читаете сжатые пакеты в реальном мире, проверяете фрагменты сторонних разработчиков, копируете код из чата или письма в реальный проект или нормализуете стиль коллеги перед проверкой запроса на слияние. В отличие от полного линтера, он фокусируется исключительно на пробелах и пунктуации — ваша логика остается неизменной.