Junior
150
questionbank
В чем заключается отличие между хранением данных в local storage и сессионном хранилище (session storage)?
Ответ от нейросети
sobes.tech 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