انتقل إلى المحتوى

منسّق JavaScript

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

إعادة تعيين

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

كيف يعمل منسّق JavaScript؟

تحلل الأداة الكود إلى شجرة صياغة بوصفه وحدة ES، ثم تعيد طباعة الشجرة بأسلوب موحّد. ولأنها تحلل الكود بدلًا من تعديله بقواعد نصية، يطابق هيكل الناتج دائمًا هيكل المُدخل.

ما الأسلوب الذي يستخدمه الناتج؟

تُزاح الكتل بمسافتين، وتظهر كل تعليمة في سطر مستقل، وتُضاف مسافات حول المعاملات، وتنتهي التعليمات بفواصل منقوطة. تبقى القيم الحرفية القصيرة للكائنات والمصفوفات في سطر واحد، وتُحفظ علامات الاقتباس والسلاسل القالبية كما كُتبت.

هل يمكنني تغيير المسافة البادئة أو إعدادات أخرى؟

لا، ليس للمنسّق أي خيارات. يُطبع كل مُدخل بالأسلوب نفسه، ما يجعل النتائج متوقعة عند مشاركتها.

ماذا يحدث عندما يحتوي الكود على خطأ في الصياغة؟

تتوقف الأداة وتعرض رسالة المحلّل، مثل Unexpected: متبوعة بالرمز المسبب للمشكلة. أصلح المشكلة المذكورة ثم شغّل المنسّق مجددًا.

هل تُحفَظ التعليقات؟

نعم، تُحفظ التعليقات السطرية والكتلية وتوضع بجانب التعليمات المرتبطة بها. وقد ينتقل تعليق داخل تعليمة إلى بداية التعليمة التالية.

هل يدعم JavaScript الحديث؟

نعم، يفهم المحلّل الصياغة الحديثة مثل import وexport ودوال السهم والفئات وasync وawait والتفكيك والنشر والتسلسل الاختياري ودمج القيم الفارغة والسلاسل القالبية. تُقسّم القيم الحرفية الطويلة للكائنات التي لا تتسع في سطر واحد، مع وضع خاصية واحدة في كل سطر.

هل يمكنني تنسيق الكود المصغّر؟

نعم، تُحلل الملفات المصغّرة وتُوزّع على أسطر ومسافات بادئة تسهّل قراءتها. وتُحفظ أسماء المتغيرات القصيرة التي اختارها المصغّر، لأن التنسيق لا يعيد تسمية أي شيء.

هل سيغيّر التنسيق ما يفعله الكود؟

لا، فهو يغيّر المسافات البيضاء وفواصل الأسطر ونهايات التعليمات فقط. والإضافات الوحيدة هي الفواصل المنقوطة، بما يتوافق مع طريقة قراءة JavaScript للكود أصلًا.

لماذا أُحيطت النتيجة بسياج كود javascript؟

تُعاد النتيجة في كتلة كود Markdown تبدأ بسياج javascript، لذا تظهر مميزة بالألوان عند لصقها في Markdown. انسخ الأسطر بين السياجين إذا أردت المصدر العادي.

ماذا عن JSX أو TypeScript أو Flow؟

تتعامل هذه الصفحة مع JavaScript العادي. استخدم المنسّق JSX لمكوّنات React، أو منسّق TypeScript أو Flow للأكواد المكتوبة بأنواع، لأن تعليقات الأنواع ليست جزءًا من JavaScript القياسي.

نبذة عن OneClick Pro

OneClick Pro مجموعة مجانية تضم أكثر من 150 أداة ويب للمهام اليومية: تحويل الصور والوحدات، وتنسيق الأكواد والتحقق من صحتها، وفحص النطاقات وSEO، والعمل مع النصوص والتواريخ والأرقام. تعمل كل أداة دون تسجيل أو اشتراك، ولا تُستخدم البيانات التي تُدخلها إلا لحساب النتيجة ولا تُخزّن مطلقًا. استخدمها كصندوق أدوات سريع للمهام المنفردة، أو أضف الأدوات التي تعتمد عليها يوميًا إلى إشاراتك المرجعية.