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

В браузере существует несколько механизмов хранения данных, каждый из которых решает свои задачи.

Определение

Cookie — это небольшие данные, которые браузер хранит и отправляет серверу при каждом запросе.
sessionStorage — это клиентское хранилище данных, существующее в рамках одной вкладки браузера.

Основные отличия

Cookie и sessionStorage различаются по ключевым параметрам:

1. Область видимости

   • Cookie доступны серверу и клиенту

   • sessionStorage доступен только в браузере

2. Время жизни

   • Cookie могут иметь заданный срок жизни

   • sessionStorage очищается при закрытии вкладки

3. Отправка на сервер

   • Cookie отправляются автоматически

   • sessionStorage не участвует в HTTP-запросах

4. Объем данных

   • Cookie ограничены по размеру

   • sessionStorage хранит больше данных

Пример использования

sessionStorage.setItem('theme', 'dark');

Вывод

Cookie используются для серверных сценариев, например авторизации. sessionStorage подходит для временного клиентского состояния внутри вкладки.