В чем разница между cookie, localStorage и sessionStorage

cookie - это небольшие текстовые файлы, хранящиеся на клиенте. Они отправляются на сервер с каждым HTTP-запросом (если domain/path совпадают). Имеют ограничение ~4KB. Можно установить срок жизни (expires или max-age).

localStorage - хранилище в браузере (до 5-10MB). Данные сохраняются после закрытия браузера и не отправляются на сервер автоматически. Доступ только через JavaScript в рамках одного origin.

sessionStorage - аналогичен localStorage, но данные очищаются при закрытии вкладки/браузера.

Пример:

// cookie
document.cookie = "username=John; expires=Thu, 18 Dec 2025 12:00:00 UTC; path=/";

// localStorage
localStorage.setItem('theme', 'dark');
const theme = localStorage.getItem('theme');

// sessionStorage
sessionStorage.setItem('token', 'abc123');
const token = sessionStorage.getItem('token');

Ключевые отличия:

• cookie для сервер-клиент обмена, localStorage/sessionStorage только для клиента.
• cookie ограничены по размеру, остальные — нет.
• sessionStorage живёт только во время сессии.