Можете объяснить различия между 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.

ИИ-помощник для собеседований

Хочешь уверенно проходить собеседования?

Попробуй ИИ-помощник для собеседований: слышит вас и собеседника, анализирует экран, подсказывает ответы в реальном времени, работает без VPN и не попадает в захват экрана.

Подробнее