Encapsulation (الكبسلة) هو مبدأ في OOP يعني إخفاء تفاصيل البيانات الداخلية للكائن (object) بحيث لا يمكن التلاعب بها مباشرة من خارج الكائن. هذا يجعل الكائنات: ✅ في JavaScript، يتم تحقيق الـ Encapsulation بـ: 🧪 أولًا: الخصائص العامة (بدون Encapsulation) ❌…
✅ ما هي الوراثة؟ الوراثة هي مفهوم في البرمجة الكائنية (OOP) يسمح لك بإنشاء كلاس جديد (الابن) يرث الخصائص والدوال من كلاس آخر (الأب). 🧠 فوائد الوراثة: 📘 الأساسيات في JavaScript: ➤ extends يُستخدم لجعل كلاس يرث من كلاس آخر.…
❖ تعريف OOP: البرمجة الكائنية التوجه (Object-Oriented Programming) هي طريقة في البرمجة تعتمد على “الكائنات” (Objects) والتي تحتوي على “خصائص” (Properties) و”دوال” (Methods) لمعالجة البيانات. ❖ لماذا نستخدم OOP؟ ❖ مثال بسيط: Constructor Function ما هو Constructor Function؟ هي دالة…
Map هو كائن (object) خاص يسمح لك بتخزين أزواج مفتاح-قيمة (key-value pairs)، زي الـ Object لكن مع ميزات إضافية: 🚫 الفرق بين Map و Object خاصية Map Object نوع المفاتيح أي نوع (object، function، أي شيء) نصوص أو رموز فقط…
🧠 ما هو Set في JavaScript؟ Set هو نوع خاص من الكائنات Objects يُستخدم لتخزين قيم فريدة فقط (لا تتكرر) من أي نوع: بدائي أو كائن. ✅ خصائص Set الأساسية الخاصية الوصف لا يقبل القيم المكررة يتم تجاهل أي قيمة…
أي: تفكيك المعاملات داخل دوال (سواء كانت مصفوفة أو كائن). ✳️ الفكرة: بدل ما تستقبل معاملًا واحدًا مثل obj وتتعامل معه داخليًا، يمكنك تفكيك القيم مباشرة في تعريف الدالة. 🟢 أولًا: Destructuring للكائن داخل دالة ✅ الشكل العادي: ✅ باستخدام…
💡 الفكرة: تُستخدم لتفكيك خصائص كائن معين إلى متغيرات مستقلة. 🔹 الصيغة العامة: ✅ لماذا نستخدم Destructuring؟لتقليل الكود.لسهولة قراءة البيانات.لكتابة دوال مرنة.لتفكيك استجابات APIs أو نتائج من دوال. 🟢 أمثلة: 1. التفكيك الأساسي: الشرح: نأخذ الخصائص name و age من…
في JavaScript، Destructuring تعني “تفكيك” المصفوفات (أو الكائنات) إلى متغيرات فردية بطريقة مختصرة وسهلة القراءة. ✅ الفكرة العامة: تخيل أنك تملك مصفوفة وتريد استخراج عناصرها في متغيرات مستقلة، بدل استخدام array[0], array[1]، يمكنك استخدام Destructuring. ✅ لماذا نستخدم Destructuring؟ 🧠…
✅ ما هو sessionStorage؟ sessionStorage هو جزء من Web Storage API، يُستخدم لتخزين البيانات في المتصفح مؤقتًا، بحيث: 💡 خصائص sessionStorage:الخاصية القيمةمدة التخزين مؤقتة (حتى غلق التبويب فقط)التخزين حسب التبويب نعم، لا يُشارك البيانات بين التبويباتنوع البيانات تُخزن كنصوص (string)…
localStorage هو جزء من Web Storage API يسمح بتخزين بيانات في المتصفح بشكل دائم (حتى بعد إغلاق المتصفح).البيانات تبقى محفوظة حتى يتم حذفها يدويًا أو من خلال الكود. 💡 خصائص Local Storage: الخاصية القيمة التخزين دائم (يبقى حتى يُحذف يدويًا)…