jsonecho

JS Beautifier

JavaScript فشرده یا درهم‌ریخته را به کد خوانا و تورفتگی‌دار تبدیل کنید.

در حال بارگذاری ابزار...

نحوه استفاده از JS Beautifier

  1. JavaScript خود را بچسبانید.
  2. یک تورفتگی و سبک آکولاد انتخاب کنید.
  3. کد زیباسازی‌شده را کپی کنید.

درباره JS Beautifier

JavaScript فشرده برای ماشین‌ها ساخته شده است. وقتی باید یک bundle تولید را اشکال‌زدایی کنید یا یک قطعه شخص ثالث را بخوانید، اولین چیزی که لازم دارید فاصله خالی است. این beautifier شکست خط‌ها و تورفتگی را برمی‌گرداند تا دوباره بتوانید جریان کنترل را دنبال کنید.

نمی‌تواند نام متغیرهایی را که یک minifier به تک‌حرف کوتاه کرده برگرداند، بنابراین تابعی به نام a همان a می‌ماند. آنچه پس می‌گیرید ساختار است، و برای بیشتر اشکال‌زدایی‌ها همین برای شروع کافی است.

پرسش‌های متداول

آیا زیباسازی آنچه کد انجام می‌دهد را تغییر می‌دهد؟

خیر. فقط فاصله‌های خالی و شکست خط‌ها تغییر می‌کنند. beautifier چیزی را تغییر نام نمی‌دهد و دستورها را جابه‌جا نمی‌کند.

آیا می‌تواند نام‌های اصلی متغیرها را برگرداند؟

خیر. نام‌هایی که یک minifier حذف کرده از بین رفته‌اند. اگر bundle با یک source map آمده باشد، ابزارهای توسعه‌دهنده مرورگر شما می‌توانند از آن برای نشان دادن نام‌های اصلی استفاده کنند.

آیا از نحو مدرن پشتیبانی می‌کند؟

بله، arrow functionها، classها، template literalها، async و await، optional chaining و ES moduleها پردازش می‌شوند.

تفاوت این با قالب‌بند Babel چیست؟

این ابزار یک beautifier سهل‌گیر است که کد را دوباره تورفتگی می‌دهد و روی نحوی که نمی‌فهمد هرگز شکست نمی‌خورد. قالب‌بند Babel کد را تجزیه می‌کند و از ابتدا چاپ می‌کند، که سخت‌گیرانه‌تر است و نتایج یکنواخت‌تری می‌دهد.

بیشتر در قالب‌بندهای کد

همه ابزارها →