SessionStorage: что это и как оно работает

SessionStorage - это специальный объект в браузере, который предоставляет веб-приложению возможность хранить данные в браузере пользователя в течение времени жизни текущей сессии работы приложения на данном устройстве. Данные, сохраненные в SessionStorage, доступны только в рамках текущего окна браузера и удаляются при закрытии окна или вкладки.

SessionStorage используется для хранения небольших объемов информации, например, информация о состоянии приложения, истории действий пользователя, настройках интерфейса, и т.д.

Работа с SessionStorage очень похожа на работу с объектом localStorage. Для сохранения данных в SessionStorage используется метод setItem():

javascript
sessionStorage.setItem('key', 'value');

Для получения данных из SessionStorage - метод getItem():

javascript
let value = sessionStorage.getItem('key');

Для удаления данных из SessionStorage можно использовать метод removeItem():

javascript
sessionStorage.removeItem('key');

Важно отметить, что данные, сохраняемые в SessionStorage, хранятся в виде строк, поэтому для сохранения и получения объектов необходимо использовать методы JSON.stringify() и JSON.parse():

javascript
let obj = { name: 'Alex', age: 25 };
sessionStorage.setItem('user', JSON.stringify(obj));
let user = JSON.parse(sessionStorage.getItem('user'));
console.log(user.name); // "Alex"

SessionStorage также поддерживает события StorageEvent, которые возникают при изменении данных в хранилище. Пример использования:

javascript
window.addEventListener('storage', function(event) {
   console.log('Data changed: ' + event.key + '=' + event.newValue);
});

В целом, использование SessionStorage - это быстрый и удобный способ сохранения данных на стороне клиента. Однако, следует помнить ограничения на объем данных (обычно 5-10 Мб), а также о том, что данные, сохраненные в SessionStorage, могут быть доступны другим скриптам, работающим в рамках того же домена.