شبكة تعلم مع ناو

ما الفرق بين localStorage وsessionStorage في JavaScript؟

الفرق في مدة بقاء البيانات:

  • localStorage: تبقى البيانات حتى بعد إغلاق المتصفح، إلى أن تحذفها.
  • sessionStorage: تبقى حتى إغلاق التبويب فقط.
localStorage.setItem('theme', 'dark');
localStorage.getItem('theme');   // "dark" even tomorrow

sessionStorage.setItem('step', '2');
sessionStorage.getItem('step');  // gone after the tab closes

متى أستخدم كلًّا منهما؟

  • localStorage: تفضيلات مثل الوضع الداكن أو اللغة.
  • sessionStorage: حالة مؤقتة، مثل خطوة في نموذج متعدد الخطوات.

ما يشتركان فيه

كلاهما يخزن نصوصًا فقط (حوّل الكائنات بـ JSON.stringify)، وكلاهما خاص بكل موقع، ولا يصلح لبيانات حساسة.

اختبر نفسك

خمسة أسئلة سريعة، مع الإجابة والشرح بعد كل سؤال.