Как отформатировать код на этой странице?
Вставьте код в левый редактор или загрузите файл, выберите нужные параметры и нажмите Форматировать. Проверьте результат справа, затем скопируйте или сохраните его.
Форматтер JavaScript преобразует минифицированный или неравномерно оформленный код в читаемый вид с единообразными отступами, пробелами, переносами строк и расположением скобок. Поддерживается современный синтаксис: классы, приватные поля, асинхронные функции, optional chaining, оператор нулевого слияния, шаблонные строки, модули и React JSX.
Выберите табуляцию или пробелы, задайте желаемую ширину строки и стиль скобок, сохраняйте значимые переносы строк и отступы в массивах либо разбивайте длинные цепочки методов. Нажмите Ctrl+Enter или Command+Enter, чтобы запустить форматирование прямо из редактора.
Минификация удаляет комментарии и лишний код, сохраняя читаемые идентификаторы. Режим сокращения имён дополнительно укорачивает подходящие локальные имена, чтобы уменьшить результат. Для минификации требуется исполняемый JavaScript, поэтому JSX необходимо сначала скомпилировать. Вся обработка выполняется локально в вашем браузере.
Вставьте код в левый редактор или загрузите файл, выберите нужные параметры и нажмите Форматировать. Проверьте результат справа, затем скопируйте или сохраните его.
Ввод должен соответствовать выбранному языку или синтаксису. Проверьте незавершённые выражения, непарные скобки или кавычки и неподходящий диалект либо режим, затем повторите попытку.
Форматировщик распознаёт языковые токены и вложенную структуру, затем по единым правилам перестраивает отступы, пробелы и переносы строк. Он не компилирует и не запускает программу, поэтому не заменяет проверку корректности или безопасности.
Для веб-проектов чаще всего используют 2 пробела. Сохраняйте существующие переносы, если проект не требует иного, включайте JSX для JSX-кода и следуйте настройкам репозитория для скобок и других правил стиля. Форматирование, минификация и сокращение имён переменных выполняются отдельно.