Чем localStorage отличается от sessionStorage?

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

Общие характеристики

Оба хранилища:

• работают по принципу ключ–значение

• хранят данные в виде строк

• синхронные по своей природе

• доступны через window

• изолированы по origin

Отличия по времени жизни

localStorage:

• данные сохраняются бессрочно

• остаются после перезагрузки страницы

• остаются после закрытия браузера

• подходят для долгоживущих настроек

sessionStorage:

• данные живут в рамках одной вкладки

• очищаются при закрытии вкладки

• не шарятся между вкладками

• подходят для временного состояния

Практические примеры

Типичные сценарии:

• localStorage — тема, язык, пользовательские настройки

• sessionStorage — шаги формы, временные флаги, состояние сессии

Ограничения

Важно помнить:

• объём ограничен

• данные доступны из JavaScript

• не подходят для чувствительной информации

Вывод

localStorage и sessionStorage отличаются временем жизни данных. Выбор зависит от того, нужно ли сохранять информацию между сессиями пользователя.