منسق JavaScript
نسّق كود JavaScript أو صغّره
نبذة عن منسق JavaScript
يؤدي «منسق JavaScript» عملين متعاكسين على الكود نفسه. يستخدم «تنسيق» js-beautify: مسافة بادئة من مسافتين، وتعليمة واحدة في كل سطر، ومسافات حول العوامل، وسطر فارغ واحد متتال على الأكثر، مع ترك السلاسل النصية والقوالب الحرفية والتعابير النمطية والتعليقات كما كتبت. ويستخدم «تصغير» Terser، وهو المحرك نفسه الذي تستخدمه أداة «تصغير JS»: يحلل الكود، ويختصر الأسماء المحلية، ويحذف الكود الميت والتعليقات. لا يعترض «تنسيق» أبدا على الكود غير الصالح؛ أما «تصغير» فيتوقف ويعرض رسالة Terser دون رقم السطر. ويعمل js-beautify وTerser كلاهما على كودك داخل علامة تبويب المتصفح.
مثال
«تنسيق»: دالة مكتوبة في سطر واحد، تعاد كتابتها بمسافة بادئة من مسافتين.
الإدخال
function f(a,b){if(a){return b}else{return 0}}var x=f(1,2);الإخراج
function f(a, b) {
if (a) {
return b
} else {
return 0
}
}
var x = f(1, 2);كيفية تنسيق كود JavaScript أو تصغيره
- 1الصق كود JavaScript في «الإدخال».
- 2انقر على «تنسيق» لتسهيل قراءته، أو على «تصغير» لتقليل حجمه.
- 3اقرأ «الإخراج»؛ بعد «تصغير»، يظهر الخطأ فيه على شكل «خطأ:» تليها رسالة Terser.
- 4انقر على «نسخ»، أو على «تنزيل» لحفظ «formatted.js» (يبقى الاسم نفسه بعد «تصغير»).
الصيغ والحدود
- الإدخال
- JavaScript، نصوص برمجية أو وحدات، على شكل نص
- تنسيق
- js-beautify: مسافة بادئة من مسافتين، ومسافات حول العوامل، وسطر فارغ واحد متتال على الأكثر
- تصغير
- Terser: ضغط واختصار الأسماء، مع حذف التعليقات
- الأخطاء
- لا يبلغ «تنسيق» عن أي خطأ؛ ويعرض «تصغير» رسالة Terser دون سطر أو عمود
أين يعالج كودك
المنسق وأداة التصغير مكتبتا JavaScript تحملان في هذه الصفحة عند أول استخدام؛ وهما تقرآن كودك داخل المتصفح، ولا يرفع كودك. عندما يظهر خطأ في «تصغير»، ترسل رسالته إلى سجل الأخطاء لدينا بعد استبدال المقاطع المقتبسة والأرقام الطويلة والعناوين فيها، مع اسم الأداة واسم متصفحك وإصداره.
الأسئلة الشائعة
هل يغير التنسيق ما يفعله كودي؟
لا. لا يغير «تنسيق» إلا المسافات البيضاء: المسافة البادئة، وفواصل الأسطر، والمسافات حول العوامل والكلمات المفتاحية. وتحفظ السلاسل النصية والقوالب الحرفية والتعابير النمطية والتعليقات كما كتبت تماما.
هل استخدام الكود المصغر آمن؟
نعم، عندما يقبله Terser: فهو يحلل الكود أولا، لذا يحتفظ الإدراج التلقائي للفواصل المنقوطة وتعابير مثل a - -b بمعناها. وتبقى الأسماء العامة كما هي؛ ولا تختصر إلا الأسماء المحلية داخل دالة.
هل يذكر خطأ «تصغير» رقم السطر؟
لا. لا تعرض الصفحة إلا رسالة Terser، مثل Name expected، دون الموضع الذي يحفظه Terser على حدة. لتحديد موضع الخطأ، الصق الكود في «منسق الكود» الذي يبلغ عن أخطاء بناء الجملة مع السطر والعمود.
نصائح وحيل
- ✓نسّق الكود المصغر من موقع ويب لتقرأه؛ واحتفظ بالكود المصدري المقروء الخاص بك وصغّر نسخة منه للنشر.