В чем разница между LocalStorage, SessionStorage и Cookies

LocalStorage и SessionStorage — это Web Storage API, хранят данные в формате ключ-значение.
LocalStorage сохраняет данные без срока действия, даже после закрытия браузера.
SessionStorage очищается при закрытии вкладки/браузера.

Cookies — это небольшие текстовые файлы (до 4KB), которые сервер может читать/записывать. Они отправляются с каждым HTTP-запросом (увеличивают трафик), имеют срок жизни и могут быть защищены флагом HttpOnly (недоступны из JS).

// LocalStorage
localStorage.setItem('key', 'value');
const data = localStorage.getItem('key');

// SessionStorage
sessionStorage.setItem('sessionKey', 'tempValue');

// Cookies
document.cookie = 'name=value; expires=Thu, 18 Dec 2025 12:00:00 UTC; path=/';

Использование:

• Cookies — аутентификация, небольшие данные для сервера.
• LocalStorage — долгосрочное хранение на клиенте.
• SessionStorage — временные данные в рамках сессии.