# Форматер JavaScript

Форматуйте неохайний або мінімізований код JavaScript за допомогою цього форматера JavaScript. Вставте код, і інструмент розбере його як модуль ES, а потім виведе заново з відступами у два пробіли, одним оператором на рядок, послідовними пробілами навколо операторів і крапками з комою наприкінці операторів, зберігаючи коментарі. Про синтаксичні помилки буде повідомлено замість того, щоб вгадувати, тож розробники отримають читабельний і коректний код для перевірки, налагодження та документації.

## Поширені запитання

### Як працює форматер JavaScript?

Він розбирає ваш код як модуль ES у синтаксичне дерево, а потім знову виводить дерево в послідовному стилі. Оскільки код розбирається, а не виправляється за текстовими правилами, структура результату завжди відповідає вхідному коду.

### Який стиль використовує результат?

Блоки мають відступи у два пробіли, кожен оператор розміщується на окремому рядку, навколо операторів додаються пробіли, а оператори завершуються крапками з комою. Короткі літерали об’єктів і масивів залишаються в одному рядку, лапки в рядках і шаблонні рядки зберігаються без змін.

### Чи можна змінити відступи або інші параметри?

Ні, у форматера немає параметрів. Усі вхідні дані виводяться в одному стилі, що забезпечує передбачуваний результат під час поширення.

### Що станеться, якщо в моєму коді є синтаксична помилка?

Інструмент зупиниться й покаже повідомлення парсера, наприклад Unexpected: з проблемним токеном після двокрапки. Виправте вказану проблему й запустіть форматер знову.

### Коментарі зберігаються?

Так, коментарі в рядках і блоках зберігаються та розміщуються біля операторів, до яких належать. Коментар усередині оператора може переміститися на початок наступного оператора.

### Чи підтримує він сучасний JavaScript?

Так, парсер розуміє сучасний синтаксис, зокрема import і export, стрілкові функції, класи, async і await, деструктуризацію, spread, optional chaining, nullish coalescing і шаблонні літерали. Довші літерали об’єктів, які не вміщуються в один рядок, розбиваються так, що кожна властивість займає окремий рядок.

### Чи можна форматувати мінікод?

Так, мінімізовані файли розбираються й форматуються у зручні для читання рядки з відступами. Короткі назви змінних, вибрані мінімізатором, зберігаються, оскільки форматування ніколи нічого не перейменовує.

### Чи змінить форматування поведінку мого коду?

Ні, воно змінює лише пробіли, розриви рядків і завершення інструкцій. Додаються тільки крапки з комою, відповідно до того, як JavaScript уже читає код.

### Чому результат обрамлено блоком коду javascript?

Результат повертається як блок коду Markdown, що починається з позначки javascript, тож у Markdown він відображається з підсвічуванням. Щоб отримати звичайний вихідний код, скопіюйте рядки між позначками.

### А як щодо JSX, TypeScript або Flow?

Ця сторінка обробляє звичайний JavaScript. Для компонентів React скористайтеся форматувальником JSX, а для типізованого коду — форматувальником TypeScript або Flow, оскільки анотації типів не є частиною стандартного JavaScript.

Ваша реклама тут?

[Напишіть нам електронною поштою](mailto:hi@dennn.is?subject=%D0%A0%D0%B5%D0%BA%D0%BB%D0%B0%D0%BC%D0%B0%20%D0%BD%D0%B0%20OneClick%20Pro)

[Реклама Набір плагінів для роботи з агентами для WordPress.](https://sleekwp.com/?ref=oneclickpro)