localStorage и sessionStorage — это два типа веб-хранилищ, которые позволяют сохранять данные на стороне клиента, но отличаются по времени жизни и области действия:
Можете объяснить различия между localStorage и sessionStorage в веб-хранении данных?
localStorage и sessionStorage — это два типа веб-хранилищ, которые позволяют сохранять данные на стороне клиента, но отличаются по времени жизни и области действия:
Короткий ответ
Что ответить на собеседовании
Подробный разбор
Ответ с пояснениями
localStorage и sessionStorage — это два типа веб-хранилищ, которые позволяют сохранять данные на стороне клиента, но отличаются по времени жизни и области действия:
- localStorage сохраняет данные без срока действия. Данные остаются доступными даже после закрытия и повторного открытия браузера, пока не будут удалены явно.
- sessionStorage сохраняет данные только на время текущей сессии вкладки браузера. После закрытия вкладки данные удаляются.
Оба хранилища работают по принципу ключ-значение и доступны через JavaScript.
Пример:
// Записать данные
localStorage.setItem('token', 'abc123');
sessionStorage.setItem('sessionId', 'xyz789');
// Получить данные
const token = localStorage.getItem('token');
const sessionId = sessionStorage.getItem('sessionId');
Таким образом, если нужно сохранить данные между сессиями (например, настройки пользователя), используют localStorage. Если данные нужны только на время одной сессии (например, временные данные формы), используют sessionStorage.