مرحبا جميعا! اليوم، أشارك نصيحة سريعة أدت إلى تحسين دلالات الكود الخاص بي بشكل كبير.

في كثير من الأحيان، سواء كنا نعمل في تطوير الواجهة الأمامية أو الخلفية، نحتاج إلى إنشاء عناوين URL باستخدام المعلمات، أليس كذلك؟

كنت أكتب عناوين URL لطلباتي مثل هذا:

const url = `http://localhost:3000/endpoint/param1=${var1}&param2=${var2}&param3=${var3}`

نحن نوافق على أن عنوان URL هذا يصعب قراءته وصيانته؛ نحتاج دائمًا إلى تحديد الأجزاء التي تعتبر معلمات، وأيها متغيرات، وأيها مجرد بناء جملة جافا سكريبت.

لمعالجة هذه المشكلة الدلالية، اكتشفت منشئ URL، الذي ينجز نفس المهمة ولكن بطريقة أكثر كفاءة وأنيقة.

الآن، يمكننا إعادة كتابة نفس الكود هكذا:

const url = new URL('http://localhost:3000/endpoint')

url.searchParams.set('param1', var1)
url.searchParams.set('param2', var2)
url.searchParams.set('param3', var3)

يشير الرمز بوضوح إلى ما يفعله. في السطر الأول، نقوم بإنشاء عنوان URL الأساسي وفي الأسطر التالية، نضيف معلمات البحث الضرورية.

منتهي. الآن، يحتوي عنوان url المتغير على نفس معلمات البحث كما كان من قبل، ولكننا الآن نستخدم فئة عنوان URL، مما يجعل الكود أبسط بكثير وأسهل في الصيانة.

ماذا عنك؟ هل استخدمت فئة URL من قبل؟ ربما لغرض آخر؟ لا تتردد في مشاركة تجاربك معي.