Логотип YeaHub

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

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

Тренажёр

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

Обучение

Навыки

Войти

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

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

© 2026 YeaHub

Документы

Медиа

Назад

Чем отличаются LocalStorage, IndexedDB, cookies и sessionStorage?

Проверяет понимание браузерных хранилищ и их назначения.

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

LocalStorage хранит данные бессрочно, sessionStorage — до закрытия вкладки. Cookies автоматически отправляются на сервер и используются для авторизации. IndexedDB — это база данных в браузере для хранения больших объемов данных и сложных структур.

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

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

LocalStorage

Используется для хранения небольших данных.

Особенности:

  • хранится бессрочно

  • доступен из JavaScript

  • синхронный API

SessionStorage

Похож на LocalStorage, но:

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

  • используется для временных данных

Cookies

Особенность:

  • отправляются вместе с HTTP-запросами

Используются для:

  • авторизации

  • сессий

IndexedDB

Это встроенная база данных браузера.

Особенности:

  • асинхронный API

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

  • поддержка индексов

Когда что использовать

  • LocalStorage — настройки и токены

  • Cookies — сессии и авторизация

  • IndexedDB — большие данные

Вывод

Выбор хранилища зависит от объема данных, требований к безопасности и необходимости отправки данных на сервер.

Уровень

  • Рейтинг:

    5

  • Сложность:

    5

Навыки

  • Networks

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

#localstorage

#sessionstorage

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