Sobes.tech
Junior

Care este diferența dintre stocarea datelor în local storage și session storage?

sobes.tech AI

Răspuns de la 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