Когда очищается sessionStorage

1️⃣ Как кратко ответить

sessionStorage очищается, когда вкладка или окно браузера, в котором он был создан, закрывается.

2️⃣ Подробное объяснение темы

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

Как работает sessionStorage

sessionStorage хранит данные в формате ключ-значение, и эти данные доступны только в пределах одной вкладки или окна браузера. Это означает, что если вы откроете новую вкладку или окно, sessionStorage будет пустым, даже если вы находитесь на том же сайте.

Когда очищается sessionStorage

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

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

Рассмотрим простой пример использования sessionStorage:

// Сохранение данных в sessionStorage
sessionStorage.setItem('username', 'JohnDoe');
​
// Получение данных из sessionStorage
const username = sessionStorage.getItem('username');
console.log(username); // Выведет 'JohnDoe'
​
// Удаление данных из sessionStorage
sessionStorage.removeItem('username');
​
// Очистка всего sessionStorage
sessionStorage.clear();

• sessionStorage.setItem('username', 'JohnDoe');: Сохраняет значение 'JohnDoe' под ключом 'username' в sessionStorage.
• sessionStorage.getItem('username');: Извлекает значение, сохраненное под ключом 'username'. Если такого ключа нет, возвращает null.
• sessionStorage.removeItem('username');: Удаляет элемент с ключом 'username' из sessionStorage.
• sessionStorage.clear();: Очищает все данные, хранящиеся в sessionStorage.

Применение sessionStorage

sessionStorage полезен в ситуациях, когда необходимо хранить данные только на время текущей сессии. Например, это может быть полезно для хранения временных данных форм, которые не должны сохраняться после закрытия вкладки, или для хранения состояния интерфейса, которое не нужно сохранять между сессиями.