Sobes.tech
Junior

Wat is het verschil tussen het opslaan van gegevens in local storage en session storage?

sobes.tech AI

Antwoord van AI

localStorage сохраняет данные без срока действия, пока они не будут явно удалены. sessionStorage хранит данные только на время сессии браузера; данные удаляются при закрытии вкладки или окна.

Характеристика localStorage sessionStorage
Срок хранения Бессрочно (до явного удаления) До конца сессии браузера (закрытия вкладки/окна)
Доступность Доступно на всех вкладках и окнах одного домена Только на текущей вкладке/окне
Объем данных До 5-10 МБ До 5-10 МБ
Область видимости Глобальная для домена Локальная для вкладки
Пример использования Сохранение пользовательских настроек, тем Хранение данных формы во время заполнения
// Пример использования localStorage
localStorage.setItem('username', 'frontend_dev'); // Сохранение данных
const username = localStorage.getItem('username'); // Чтение данных
// localStorage.removeItem('username'); // Удаление данных
// localStorage.clear(); // Очистка всего localStorage

// Пример использования sessionStorage
sessionStorage.setItem('form_step', '2'); // Сохранение данных
const formStep = sessionStorage.getItem('form_step'); // Чтение данных
// sessionStorage.removeItem('form_step'); // Удаление данных
// sessionStorage.clear(); // Очистка всего sessionStorage