این ابزار درست کار نمیکند؟
دربارهٔ ابزار «مرتب کردن JavaScript آنلاین»
این ابزار کد منبع JavaScript را برای سبک سازگار و خوانایی reformat میکند. بلوکهای تو در تو را re-indent میکند، فاصلهگذاری اطراف عملگرها را عادی میکند، خطوط طولانی را در نقاط منطقی میشکند، و سبک نقلقول و قرارگیری سمیکالن را استاندارد میکند.
هنگام خواندن بستههای minify شدهای که از یک وبسایت استخراج کردهاید، هنگام عادی کردن کد از همکاران با تنظیمات ویرایشگر متفاوت، یا هنگام آمادهسازی JavaScript برای بررسی کد مفید است.
فرمتبند نحو JavaScript مدرن را مدیریت میکند: ویژگیهای ES2024+، JSX، انواع TypeScript، async/await، optional chaining، و template literals. از پیشفرضهای منطقی الهام گرفته از Prettier استفاده میکند اما با کنترلهایی برای کسانی که قراردادهای متفاوتی را ترجیح میدهند.
چطور از این ابزار استفاده کنم؟
چطور JavaScript minified یا jumbled را pretty-print کنم؟
JavaScript را بچسبانید
source minified یا messy را در فیلد «JS» قرار دهید. ابزار ES module، TypeScript بدون JSX، async/await، optional chaining — بهطور کلی syntax مدرن را میفهمد. فایلهای با wrapper `<script>` کار نمیکنند؛ فقط code را بچسبانید.
«اجرا» را بزنید
خروجی یک فیلد `formatted` با semicolonهای consistent، indentation دو-فاصله و یک statement در هر خط. quoteهای string به سبک غالب ورودی شما نرمال میشوند؛ commentها verbatim حفظ میشوند.
آنچه نمیکند
بدون linting، بدون اجرای rule (no-unused-vars و غیره)، بدون refactor در سطح AST. برای اجرای style در یک codebase از prettier یا eslint --fix در build خود استفاده کنید. این ابزار یک pretty-printer یکبار است، نه enforcer stylesheet.
ایمنی Round-trip
JS فرمتشده مشابه ورودی اجرا میشود — semanticها حفظ میشوند. قبل از deploy با terser یا esbuild دوباره minify کنید؛ فرم formatted برای انسان است نه برای wire.