Чем отличается LocalStorage от SessionStorage

Оба хранилища (localStorage и sessionStorage) позволяют сохранять данные в браузере в формате ключ-значение, но есть ключевые различия:

1. Время жизни:
   • localStorage сохраняет данные бессрочно, пока их не удалят вручную или через код.
   • sessionStorage очищается при закрытии вкладки/браузера.

2. Область видимости:
   • localStorage доступен во всех вкладках одного origin (домена).
   • sessionStorage изолирован для каждой вкладки (даже если это тот же сайт).

Пример использования:

// localStorage
localStorage.setItem('theme', 'dark');
console.log(localStorage.getItem('theme')); // 'dark'

// sessionStorage
sessionStorage.setItem('token', 'abc123');
console.log(sessionStorage.getItem('token')); // 'abc123' (до закрытия вкладки)

Оба хранилища имеют одинаковый API (setItem, getItem, removeItem, clear). Лимит ~5MB для большинства браузеров.