PassFront
  1. PassFront
  2. База знаний
  3. DOM и браузер

Что такое sessionStorage?

DOM и браузер

`sessionStorage` — это браузерное хранилище пар «ключ–значение», данные в котором живут только пока открыта вкладка. У каждой вкладки своё изолированное хранилище.

Свойства

  • Хранит строки (объекты — через JSON).
  • Живёт до закрытия вкладки; при закрытии очищается.
  • Своё для каждой вкладки (даже одного origin) — не разделяется между вкладками.
  • Синхронный API.
  • На сервер не отправляется.
  • Объём ~5 МБ.

API (идентично localStorage)

sessionStorage.setItem('step', '2');
sessionStorage.getItem('step');   // '2'
sessionStorage.removeItem('step');
sessionStorage.clear();

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

  • Состояние многошаговой формы (wizard).
  • Временный контекст, который не нужен после закрытия вкладки.
  • Данные, которые не должны делиться между вкладками.

sessionStorage против localStorage

  • Срок жизни: sessionStorage — вкладка, localStorage — бессрочно.
  • Область: sessionStorage — одна вкладка, localStorage — общий для origin.

Коротко для собеседования

sessionStorage — клиентское хранилище строк, живущее только на время вкладки и изолированное для неё. API как у localStorage. Подходит для временного состояния (шаги формы), которое не нужно после закрытия вкладки.

Другие вопросы раздела