...

/

ميزات JavaScript الحديثة وES6+

ميزات JavaScript الحديثة وES6+

قم بمراجعة ميزات JavaScript الحديثة مثل الوحدات النمطية والتسلسل الاختياري والاندماج الفارغ.

سنغطي ما يلي...

تُقدّم JavaScript الحديثة ميزاتٍ وقواعدَ نحويةٍ فعّالة تُبسّط الكود وتُحسّن قابلية القراءة. هذه الميزات أساسيةٌ للعمل مع React، حيث تُعدّ الشفرة المعيارية، والوصول الآمن إلى الخصائص، والعرض الشرطي المُوجز ممارساتٍ شائعة.

الوحدات والوحداتimport /export بناء الجملة

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

تصدير واستيراد الوحدات النمطية

تتيح الوحدات النمطية تصدير الدوال والمتغيرات والفئات من ملف واستيرادها إلى ملف آخر لإعادة استخدامها. في JavaScript، لدينا ثلاثة أنواع من التصدير: تصدير مُسمّى، وتصدير افتراضي، وتصدير مختلط.

الصادرات المسماة

يمكننا استخدام الصادرات المسماة لتصدير متغيرات أو وظائف أو فئات متعددة من وحدة نمطية.

Press + to interact
Javascript (babel-node-es2024)
Files
// utils.js
export const add = (a, b) => a + b;
export const subtract = (a, b) => a - b;

فيutils.js الوحدة:

  • نحن نقوم بتصدير وظائف متعددة الأسماء (add و ...