В чем разница между 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 (зависит от браузера).