منسّق JavaScript ومجمّله

الصق شفرة JavaScript بما في ذلك الملفات المضغوطة واحصل على نسخة نظيفة بمسافات بادئة واضحة. تدعم الأداة أحدث صيغ ES وJSX وTypeScript.

الميزات

التبديل بين التجميل والضغط
مسافة بادئة مخصصة
تمييز الصيغة

طريقة الاستخدام

1. الصق شفرة JavaScript في مربع الإدخال على اليسار.

2. انقر على تنسيق للتجميل، أو تصغير للضغط.

3. انسخ الناتج المنسّق.

حول هذه الأداة

السكربتات المصغّرة، والشيفرة الملصقة من محادثة، والحزم المفتوحة في المتصفح صعبة القراءة في سطر واحد. يعيد هذا المنسّق إزاحة شيفرة JavaScript اعتمادًا على الأقواس المعقوفة والمربعة والهلالية، ويضع كل تعليمة في سطر مستقل، ويحافظ على السلاسل النصية والتعليقات كما هي، فتعود بنية الدوال والكائنات مرئية. اختر مسافتين أو أربع مسافات أو علامات جدولة. أما التصغير فيسير في الاتجاه المعاكس، فيزيل التعليقات والمسافات الزائدة للحصول على نسخة مضغوطة. إنه منسّق خفيف يعمل فورًا في متصفحك وليس مترجمًا كاملًا، لذا فهو مثالي لقراءة الشيفرة وترتيبها، أما لتنسيق موحّد في مشروع كامل فاستخدم Prettier أو منسّق محررك.

الأسئلة الشائعة

هل يمكنه إعادة الشيفرة المموّهة أو المصغّرة إلى أصلها؟
يعيد التنسيق الإزاحة وفواصل الأسطر فتصبح الشيفرة المصغّرة مقروءة، لكن أسماء المتغيرات المختصرة مثل a أو b أو e لا يمكن إعادتها إلى أسمائها الأصلية. تحتاج لذلك إلى خرائط المصدر (source maps).
هل يدعم TypeScript أو JSX؟
كثيرًا ما تُنسَّق شيفرة TypeScript وJSX البسيطة بشكل مقبول لأن الإزاحة تتبع الأقواس، لكن تعليقات الأنواع ووسوم JSX لا تُحلَّل تحليلًا خاصًا. استخدم Prettier لتنسيق موثوق لهذه اللغات.
هل الناتج المصغّر آمن للاستخدام في الإنتاج؟
يزيل التعليقات والمسافات، لكنه لا يعيد تسمية المتغيرات ولا يحذف الشيفرة الميتة كما تفعل أدوات التصغير المتخصصة مثل Terser أو esbuild. في بناءات الإنتاج استخدم أداة التصغير في أداة الحزم لديك، فهي تُنتج خرائط المصدر أيضًا.
هل سيغيّر التنسيق طريقة عمل شيفرتي؟
يغيّر المنسّق المسافات وفواصل الأسطر فقط. الخطر الرئيسي هو الشيفرة التي تعتمد على الإدراج التلقائي للفواصل المنقوطة بين الأسطر، لذا شغّل الاختبارات دائمًا على الشيفرة المنسّقة قبل اعتمادها.
لماذا يبدو الناتج غريبًا قرب التعبيرات النمطية؟
قد يبدو تعبير نمطي حرفي مثل /[a-z]+/ كعملية قسمة لمنسّق خفيف. إذا انقسم سطر يحتوي تعبيرًا نمطيًا معقدًا بشكل غريب، فأصلحه يدويًا أو استخدم منسّقًا يعتمد على محلّل كامل.

أدوات ذات صلة