منسّق JavaScript وضاغطه

ما هو تنسيق JavaScript؟

الميزات الرئيسية

أمثلة

function add(a,b){return a+b}const doubled=[1,2,3].map(x=>x*2);console.log(doubled)

async function load(id){const r=await fetch(`/api/${id}`);if(!r.ok)throw new Error('bad');return r.json()}

const cfg={retries:3,timeout:5000,headers:{'Content-Type':'application/json'},onError(e){console.warn(e)}}

class Counter{#n=0;inc(){this.#n++}get value(){return this.#n}}

حالات الاستخدام الشائعة

قراءة كود مضغوط

جمّل سكريبتاً مضغوطاً أو مُعتماً حتى تتمكن من فهمه وتصحيح أخطائه.

مراجعة الكود

نسّق JavaScript قبل طلب السحب للحصول على كود متسق وقابل للمقارنة.

النشر بحزم أصغر

اضغط JavaScript الإنتاجي باستخدام Terser لتقليل البايتات وتسريع التحميل.

تنظيف مقتطف

أعد تنسيق لصق سريع من وحدة التحكم أو ملف gist إلى كود نظيف ومقروء.

تفاصيل تقنية

تجميل باستخدام js-beautify

يستخدم محرك js-beautify المُجرَّب لإنتاج مسافات بادئة ومسافات يمكن التنبؤ بها وإعدادها.

ضغط باستخدام Terser

Terser هو الضاغط المعياري لـ JavaScript — يُعيد تسمية المتغيرات المحلية ويحذف الكود الميت والتعليقات مع الحفاظ على السلوك.

يعمل في المتصفح

يعمل كلياً على جانب العميل؛ لا يغادر كودك جهازك أبداً ولا يصل إلى أي خادم.

أفضل الممارسات

نسّق المصدر واضغط للإنتاج

احتفظ بكود مقروء في مستودعك ودع Terser يضغطه في خطوة البناء.

اضغط الصياغة الحديثة بحذر

يستهدف Terser JavaScript القياسي؛ المقترحات الجديدة جداً قد تحتاج خطوة تحويل أولاً.

لا تحرّر المخرجات المضغوطة يدوياً

المتغيرات المُعاد تسميتها تجعل الكود المضغوط صعب الصيانة — حرّر المصدر ثم أعد الضغط.

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