Справочник JavaScript

sessionStorage: данные на время вкладки

sessionStorage хранит строки в пределах текущей вкладки. Данные переживают перезагрузку, но исчезают после закрытия вкладки или её сессии.

Рабочий пример

const draft = { title: "Черновик", text: "Начало урока" };
sessionStorage.setItem("draft", JSON.stringify(draft));

const saved = JSON.parse(sessionStorage.getItem("draft") ?? "null");

API похож на localStorage, но область жизни короче. Объекты нужно сериализовать, а разбор повреждённых данных желательно защищать try...catch.

Когда применять

Подходит для шага многостраничной формы, временного черновика и состояния фильтра. Не храни токены и чувствительные сведения, доступные скриптам страницы.

Проверь пример самостоятельно: измени исходные данные, убери одну строку и сравни результат. Такой короткий эксперимент помогает увидеть роль каждого свойства или метода и не превращает обучение в механическое копирование.

Частые ошибки

• Записывать объект без JSON.stringify
• Считать хранилище защищённым
• Не обрабатывать отсутствие ключа