Что такое localStorage

localStorage — это механизм веб-хранилища, позволяющий сохранять данные в браузере пользователя без срока действия (в отличие от sessionStorage, который очищается после закрытия вкладки). Данные хранятся в формате ключ-значение и доступны только в рамках одного источника (домена).

Особенности:

• Объём до 5–10 МБ (зависит от браузера).
• Данные сохраняются после перезагрузки страницы/браузера.
• Работает синхронно (может блокировать основной поток при больших данных).
• Только строковые значения (для объектов используйте JSON.stringify/parse).

Пример:

// Запись
localStorage.setItem('user', JSON.stringify({ name: 'Alice' }));

// Чтение
const user = JSON.parse(localStorage.getItem('user'));
console.log(user.name); // "Alice"

// Удаление
localStorage.removeItem('user');

Важно: Не храните чувствительные данные (пароли, токены) — они уязвимы для XSS-атак.