Към съдържанието

Форматиращ инструмент за 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.

За OneClick Pro

OneClick Pro е безплатна колекция от над 150 уеб инструмента за ежедневна работа: преобразуване на изображения и единици, форматиране и валидиране на код, проверка на домейни и SEO, както и работа с текст, дати и числа. Всеки инструмент работи без регистрация или абонамент, а въведеното от вас се използва само за изчисляване на резултата и никога не се съхранява. Използвайте го като бърз набор от инструменти за еднократни задачи или добавете в отметките инструментите, на които разчитате всеки ден.