منسق JavaScript
تنسيق وضغط والتحقق من JavaScript مع إبراز بناء الجملة
الإدخال
المخرجات
ما هو منسق JavaScript؟
JavaScript يُشغّل الويب. الكود المضغوط أو غير المنظم يصعب قراءته وتصحيحه. يضيف منسق JavaScript المسافات البادئة وفواصل الأسطر إلى الكود الخام أو المضغوط. تحدد مواصفة ECMAScript اللغة.
تعمل هذه الأداة بالكامل في متصفحك. لا يُرسل أي شيء إلى خادم. الصق JS أو ارفع ملفاً للحصول على المخرجات المنسقة. استخدم ضغط للحزم الإنتاجية. للتحقق، استخدم مدقق JavaScript. للضغط فقط، استخدم مضغط JavaScript.
كيفية استخدام هذه الأداة
الصق أو ارفع
الصق JavaScript في اللوحة اليسرى أو ارفع ملف .js أو .txt. استخدم تحميل مثال لتحميل كود نموذجي. استخدم مسح لإعادة الضبط.
تحقق من المخرجات
تتحدث اللوحة اليمنى تلقائياً بالكود المنسق. استخدم ضغط لإنتاج نسخة مضغوطة للإنتاج.
انسخ أو نزّل
استخدم نسخ أو تنزيل للحصول على النتيجة. لكود JSX/React، استخدم منسق JSX. للتحويل إلى TypeScript، استخدم JavaScript إلى TypeScript.
أمثلة تنسيق JavaScript
إليك مثال على تنسيق كود JavaScript المضغوط.
مثال: البحث عن خطة المشترك
المدخل المضغوط:
المخرجات المنسقة:
متى يساعد منسق JavaScript
عند تصحيح الكود المضغوط، أو مراجعة الحزم من webpack أو rollup، أو التعلم من سكريبتات الإنتاج، يجعل التنسيق البنية مرئية. رائع لتتبع الأخطاء وكود الجهات الخارجية وفحوصات القابلية للقراءة. للكود المشفر، استخدم أولاً فك تشفير JavaScript.
الأسئلة الشائعة
هل بياناتي خاصة؟
نعم. يعمل التنسيق بالكامل في متصفحك. لا تُرسل أي بيانات إلى أي خادم.
المنسق مقابل المضغط؟
يضيف المنسق المسافات البادئة لتحسين القراءة. يُزيل المضغط المسافات والتعليقات لتقليل حجم الملف. يمكن لهذه الأداة القيام بكليهما.
هل يدعم ES6+؟
نعم. يدعم بناء جملة JavaScript الحديث (دوال السهم والكلاسات وasync/await).
ماذا عن JSX؟
لكود JSX وReact، استخدم منسق JSX.
هل يمكنه إصلاح أخطاء بناء الجملة؟
لا. سيُظهر JavaScript غير الصالح خطأً. استخدم مدقق JavaScript للتحقق من بناء الجملة أولاً.
أدوات ذات صلة
اقرأ أكثر: ECMAScript، MDN JavaScript، webpack، rollup، source maps، Vite، TypeScript.