Web Storage API — ذخیره در مرورگر

مرورگرها یک انبار کوچک برای ذخیرهٔ داده سمت کاربر دارند: Web Storage.

localStorage و sessionStorage

// ذخیره (فقط رشته)
localStorage.setItem('theme', 'dark');

// خواندن
const theme = localStorage.getItem('theme');

// حذف
localStorage.removeItem('theme');
localStorage.clear();

• localStorage: تا وقتی پاک نشود می‌ماند (حتی بعد از بستن مرورگر).
• sessionStorage: فقط تا بسته‌شدن تب.

ذخیرهٔ شیء (با JSON)

Storage فقط رشته نگه می‌دارد؛ برای شیء:

localStorage.setItem('user', JSON.stringify({ name: 'آرنا' }));
const user = JSON.parse(localStorage.getItem('user'));

⚠️ نکتهٔ امنیتی

هرگز داده‌های حساس (توکن، رمز) را در localStorage نگذار — با جاوااسکریپتِ هر اسکریپتی قابل‌خواندن است (خطر XSS). برای احراز هویت، روش‌های امن‌تر (مثل کوکی HttpOnly) بهتر است.

Web Storage برای تنظیمات ساده (تم، زبان) عالی است، نه برای اسرار.