Что такое Local Storage?

Local Storage

Local Storage — это Web API, который позволяет веб-приложениям хранить данные локально в браузере пользователя без отправки на сервер.

Основные методы

// Сохранение данных
localStorage.setItem('key', 'value');
localStorage.setItem('user', JSON.stringify({name: 'John', age: 30}));

// Получение данных
const value = localStorage.getItem('key');
const user = JSON.parse(localStorage.getItem('user'));

// Удаление конкретного элемента
localStorage.removeItem('key');

// Очистка всех данных
localStorage.clear();

// Получение количества элементов
const length = localStorage.length;

// Получение ключа по индексу
const key = localStorage.key(0);

Хранение сложных объектов

// Объект для хранения
const userData = {
  name: 'Alice',
  email: 'alice@example.com',
  preferences: {
    theme: 'dark',
    language: 'en'
  }
};

// Сохранение
localStorage.setItem('userData', JSON.stringify(userData));

// Получение
const savedUser = JSON.parse(localStorage.getItem('userData'));
console.log(savedUser.preferences.theme); // 'dark'

Обработка событий storage

// Слушать изменения в localStorage
window.addEventListener('storage', function(e) {
  console.log('Ключ:', e.key);
  console.log('Старое значение:', e.oldValue);
  console.log('Новое значение:', e.newValue);
  console.log('URL:', e.url);
});

Ограничения localStorage

Размер — обычно 5-10 MB на домен
Синхронность — блокирующие операции
Строки — хранит только строки
Безопасность — доступен JavaScript коду
Приватный режим — может быть недоступен

localStorage vs других хранилищ

sessionStorage — данные только для сессии
cookies — отправляются на сервер, меньший размер
IndexedDB — для больших объемов данных

Проверка поддержки

function isLocalStorageAvailable() {
  try {
    const test = '__localStorage_test__';
    localStorage.setItem(test, test);
    localStorage.removeItem(test);
    return true;
  } catch(e) {
    return false;
  }
}

FAQ

Безопасно ли хранить чувствительные данные в localStorage?

Нет, localStorage доступен JavaScript коду и не подходит для токенов, паролей и другой чувствительной информации.