Javascript: Session Storage

 Session Storage

 Session Storage هو أحد أنواع التخزين المحلي (Web Storage) في المتصفح، يُستخدم لتخزين البيانات مؤقتًا أثناء جلسة المستخدم (session). يعني كده ببساطة:

---

✅ التعريف السريع:

Session Storage هو مساحة تخزين مؤقتة داخل المتصفح، تحتفظ بالبيانات طالما المستخدم فاتح التبويب (tab) أو النافذة (window). أول ما يقفل التبويب أو يعمل Reload، البيانات بتروح.

📌 الفرق بين Session Storage و Local Storage:

الجانب	Session Storage	Local Storage
مدة التخزين	تنتهي عند غلق التبويب	تبقى محفوظة حتى تحذف يدويًا
حجم البيانات	حوالي 5MB	حوالي 5-10MB
الوصول من التبويبات	لا يمكن	ممكن
مشاركة البيانات	غير مشترك بين التبويبات	مشترك بين التبويبات

---

🧪 مثال عملي:

// تخزين بيانات
sessionStorage.setItem("username", "Mahmoud");
// جلب بيانات
let user = sessionStorage.getItem("username");
console.log(user); // Mahmoud
// حذف عنصر
sessionStorage.removeItem("username");
// حذف كل حاجة
sessionStorage.clear();

---

⚠️ متى تستخدمه؟

• لما تحب تخزن بيانات مؤقتة خلال جلسة واحدة زي:

  • بيانات النموذج أثناء ملئه

  • توكن مصادقة مؤقتة

  • خطوات داخل تطبيق متعدد الصفحات