ميزات JavaScript الحديثة وES6+
قم بمراجعة ميزات JavaScript الحديثة مثل الوحدات النمطية والتسلسل الاختياري والاندماج الفارغ.
سنغطي ما يلي...
تُقدّم JavaScript الحديثة ميزاتٍ وقواعدَ نحويةٍ فعّالة تُبسّط الكود وتُحسّن قابلية القراءة. هذه الميزات أساسيةٌ للعمل مع React، حيث تُعدّ الشفرة المعيارية، والوصول الآمن إلى الخصائص، والعرض الشرطي المُوجز ممارساتٍ شائعة.
الوحدات النمطية وقواعد import / export
تتيح لنا الوحدات النمطية تنظيم الشيفرة البرمجية في ملفات أصغر قابلة لإعادة الاستخدام. فبدلاً من إدارة كل شيء في ملف واحد، يمكننا تقسيم الوظائف إلى وحدات نمطية واستخدام عبارات import export لمشاركتها عبر التطبيق. تُعد هذه الممارسة مفتاح في تطوير JavaScript الحديث، وتدعمها جميع أطر عمل ومكتبات JavaScript الرئيسية، بما في ذلك React. باستخدام الوحدات النمطية، يمكننا إنشاء قواعد برمجية أنظف وأكثر قابلية للصيانة والتوسع، مما يُسهّل التعاون وتصحيح الأخطاء بشكل كبير.
تصدير واستيراد الوحدات النمطية
تتيح الوحدات النمطية تصدير الدوال والمتغيرات والفئات من ملف واستيرادها إلى ملف آخر لإعادة استخدامها. في JavaScript، لدينا ثلاثة أنواع من التصدير: تصدير مُسمّى، وتصدير افتراضي، وتصدير مختلط.
الصادرات المسماة
يمكننا استخدام الصادرات المسماة لتصدير متغيرات أو وظائف أو فئات متعددة من وحدة نمطية.
// utils.jsexport const add = (a, b) => a + b;export const subtract = (a, b) => a - b;
في وحدة utils.js :
نحن نقوم بتصدير وظائف متعددة الأسماء (
add...