Чем отличаются cookie и sessionStorage?

Question

cookie и sessionStorage используются для хранения данных в браузере.Cookie автоматически отправляются на сервер с каждым HTTP-запросом.sessionStorage доступен только на клиенте и живет в рамках одной вкладки.Они отличаются по объему, времени жизни и области применения.

YeaHub · Accepted Answer

В браузере существует несколько механизмов хранения данных, каждый из которых решает свои задачи.ОпределениеCookie — это небольшие данные, которые браузер хранит и отправляет серверу при каждом запросе.sessionStorage — это клиентское хранилище данных, существующее в рамках одной вкладки браузера.Основные отличияCookie и sessionStorage различаются по ключевым параметрам:Область видимостиCookie доступны серверу и клиентуsessionStorage доступен только в браузереВремя жизниCookie могут иметь заданный срок жизниsessionStorage очищается при закрытии вкладкиОтправка на серверCookie отправляются автоматическиsessionStorage не участвует в HTTP-запросахОбъем данныхCookie ограничены по размеруsessionStorage хранит больше данныхПример использованияsessionStorage.setItem('theme', 'dark');
ВыводCookie используются для серверных сценариев, например авторизации. sessionStorage подходит для временного клиентского состояния внутри вкладки.