Перейти к содержанию

Форматер JavaScript

Переформатирует JavaScript или TypeScript в согласованный, читаемый код.

Входные данные
80
Выходные данные

Форматер JavaScript

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

Параметры управляют деталями, а не структурой. Выберите отступ с 2 пробелами, 4 пробелами или табуляциями, одинарные или двойные кавычки — содержимое строк правильно переэкранировано в обоих случаях, поэтому символ внутри строки никогда не будет поврежден. Точки с запятой можно добавлять в конец каждого оператора или удалять в пользу автоматического вставления; многострочные объекты и массивы могут заканчиваться завершающей запятой или нет. Максимальная ширина строки контролирует, когда длинный объектный литерал или список аргументов будет разделен на несколько строк вместо выхода за край экрана. Минификация сжимает тот же код в одну строку с удаленными пробелами и комментариями, когда вам нужна компактная копия вместо читаемой.

Это форматер, а не линтер или бандлер: он не переписывает логику, не переименовывает переменные и не разрешает импорты, и не запускает ваш код. Цель — сохранить вывод действительным для реалистичного JavaScript и TypeScript, включая классы, асинхронные функции, деструктуризацию, операторы распространения и декораторы — действительно неправильно сформированный вход (незаконченная строка или комментарий) переформатируется наилучшим образом, а не полностью отклоняется.

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

FAQ

Поддерживает ли он TypeScript, а не только JavaScript?
Да. Аннотации типов, универсальные типы, интерфейсы, дополнительные свойства и другой обычный синтаксис TypeScript распознаются и форматируются вместе с обычным JavaScript.
Чем "Минификация" отличается от других вариантов?
Удаляет комментарии и ненужные пробелы, помещает код в одну строку, сохраняя при этом точки с запятой, необходимые для безопасного разделения операторов. Это компактный режим форматирования, а не полный минификатор — не переименовывает переменные и не применяет другие оптимизации размера.
Повредит ли он мой код?
Форматер изменяет только пробелы, символы кавычек и точки с запятой — он никогда не переписывает выражения или логику. Комментарии и содержимое строк сохраняются точно так, как были написаны.
Что происходит с длинной строкой, например большим объектным литералом?
Установите "Максимальная ширина строки", и объектный или массивный литерал, который бы его превышал, будет разделен на несколько строк, одна запись на строку, вместо того чтобы выходить за край.
Загружается ли мой код где-нибудь?
Нет. Форматирование работает полностью в вашем браузере — исходный код никогда не покидает ваше устройство.