Перейти до вмісту

Форматер JavaScript

Переформатує JavaScript або TypeScript на узгоджений, читаний код.

Введення
80
Вихід

Форматер JavaScript

Вставте JavaScript або TypeScript, і цей інструмент переформатує його з послідовним відступом, інтервалом та розривом рядків. Він переформатує код, який був мініфікований або неправильно відформатований, нормалізує блоки та об'єктні літерали, зберігаючи вирази, такі як потрійні оператори, універсальні типи, шаблонні літерали, опціональне зв'язування та функції-стрілки, так як їх написав би човік.

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

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

Все працює локально у вашому браузері. Вихідний код ніколи не завантажується на сервер, що однаково важливо для проприєтарного або неопублікованого коду, а також для швидкого фрагмента з звіту про помилку. Скопіюйте відформатований результат, завантажте його як файл .txt або відправте на інший інструмент для продовження роботи.

FAQ

Чи підтримує він TypeScript, а не лише JavaScript?
Так. Анотації типів, універсальні типи, інтерфейси, додаткові властивості та інший типовий синтаксис TypeScript розпізнаються та форматуються разом із звичайним JavaScript.
Чим "Мініфікація" відрізняється від інших варіантів?
Видаляє коментарі та непотрібні пробіли, помістити код в один рядок, зберігаючи при цьому крапки з комою, необхідні для безпечного розділення операторів. Це компактний режим форматування, а не повний мініфікатор — не перейменовує змінні та не застосовує інші оптимізації розміру.
Чи пошкодить він мій код?
Форматер змінює лише пробіли, символи лапок та крапки з комою — він ніколи не переписує вирази або логіку. Коментарі та вміст рядків зберігаються точно так, як були написані.
Що станеться з довгим рядком, наприклад великим об'єктним літералом?
Встановіть "Максимальна ширина рядка", і об'єктний або масивний літерал, який би його перевищував, буде розділений на кілька рядків, один запис на рядок, замість того щоб виходити за край.
Чи завантажується мій код десь?
Ні. Форматування працює повністю у вашому браузері — вихідний код ніколи не залишає ваш пристрій.