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

Cookie:

• Хранятся на клиенте и сервере, автоматически отправляются с каждым HTTP-запросом.
• Ограничены ~4KB, имеют срок жизни (expires/max-age).
• Используются для аутентификации, tracking.

localStorage:

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

sessionStorage:

• Аналогичен localStorage, но данные живут только в рамках вкладки/сессии.
• Закрытие вкладки → очистка данных.

// Пример использования:
localStorage.setItem('theme', 'dark'); // Сохраняется навсегда
sessionStorage.setItem('tempData', '123'); // Удалится при закрытии вкладки
document.cookie = 'user_token=abc; max-age=3600'; // Отправится на сервер