Логотип YeaHub

База вопросов

Собеседования

Тренажёр

База ресурсов

Обучение

Навыки

Войти

Выбери, каким будет IT завтра — вместе c нами!

YeaHub — это полностью открытый проект, призванный объединить и улучшить IT-сферу. Наш исходный код доступен для просмотра на GitHub. Дизайн проекта также открыт для ознакомления в Figma.

© 2026 YeaHub

Документы

Медиа

Назад
Вопрос про JavaScript: cookie, sessionstorage, browser

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

Вопрос проверяет знание клиентских механизмов хранения данных и их различий по области видимости и времени жизни.

Короткий ответ

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

Длинный ответ

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

Определение

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Вывод

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

Уровень

  • Рейтинг:

    5

  • Сложность:

    5

Навыки

  • JavaScript

    JavaScript

Ключевые слова

#cookie

#sessionstorage

#browser

Подпишись на React Developer в телеграм