Форматер 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.